```html

什么是web页面

你每天点开的每一个链接，刷到的页面每一条新闻，甚至现在正在读的页面这篇文章——它们都装在一个叫“web页面”的盒子里。但这个盒子没有实体，页面它是页面一串字符被浏览器翻译后画出来的东西。

我第一次意识到这件事，页面是页面很多年前在网吧里按了F12。屏幕上突然冒出一堆花花绿绿的页面标签和英文，跟平时看到的页面网页完全两码事。旁边打游戏的页面人以为我卡了，其实我只是页面打开了“开发者工具”。从那一刻起，页面web页面在我眼里就不再是页面一张张“电子报纸”，而是页面一份份用HTML、CSS和JavaScript写成的页面说明书，浏览器照着这份说明书把像素点涂到屏幕上。

说准确点，web页面就是一个纯文本文件。你右键“查看网页源代码”，看到的那一大坨东西就是它的真身。它里面用尖括号包起来的词，比如<p>、<div>、<img>，是在告诉浏览器：“这里是一段话”“这里是一个方块”“这里要放一张图”。浏览器读完这些指令，再结合另一个叫CSS的文件（或者直接写在页面里），决定这段话用什么字体、什么颜色、离左边多远。最后JavaScript登场，让页面能点、能滑、能弹窗。三者各司其职，缺一个页面就残废。

不过，web页面最反直觉的地方在于：它没有“固定形态”。同一个页面，在27寸显示器上和6寸手机屏幕上，长得完全不一样。这不是bug，是设计。CSS里有个东西叫媒体查询，专门用来问浏览器：“你多宽？”然后根据答案切换布局。所以一个合格的web页面像水，倒进什么容器就成什么形状。你如果做过打印，会发现打印出来的网页又是另一副模样——侧边栏没了，背景色可能被省墨模式干掉，链接变成脚注。

另一个容易忽略的事实：web页面不是“文件”。你访问一个网址，服务器可能现场拼一个页面给你，每次拼出来的东西还不一样。比如你登录淘宝，页面里会插入你的用户名、购物车数量、推荐商品。这些内容在服务器那边是动态生成的，浏览器收到的只是一份“这一次”的页面。刷新一下，数字可能就变了。所以严格说，你看到的每一个web页面都是独一无二的快照，像流水一样，过去了就没了。

我有时候会想，为什么叫“页面”而不是“屏幕”或者“视图”？大概因为最早那批人是从纸质出版物转过来的。他们希望电子文档也能像书一样翻页。结果几十年过去，web页面早就不翻页了——你往下滚，它无限延伸；你点一个按钮，它局部刷新。但“页面”这个词留下来了，带着一点印刷时代的乡愁。

现在你打开任何一个网页，背后至少有三层东西在跑：网络协议把文件从服务器搬到你的电脑，渲染引擎把文件变成像素，JavaScript引擎让像素活过来。每一层都有一堆人在维护、吵架、写标准。你看到的岁月静好，底下全是齿轮咬合的声音。

最后说个真事。我教过一个长辈用浏览器，她一直以为“网页”是浏览器自带的。直到有一次断网，她点开收藏夹里的新闻网站，看到一只恐龙和“无法连接网络”几个字，才恍然大悟：原来那些字和图片不在电脑里，在很远的一个机房里。web页面就是这么个东西——你摸不到它，但它确实住在某个地方，等你输入一个地址，它就顺着网线爬过来，在你屏幕上活几分钟。