```html

空白网页代码

你打开一个空白页，右键查看源代码，网页看到的代码是这样几行东西：

就这么点。没有文字，空白没有图片，网页没有样式。代码浏览器渲染出来就是空白一片白。很多人觉得这等于“没东西”。网页可你仔细看，代码<body> 标签是空白存在的，只是网页里面空着。空白不是代码没有，是空白容器在，内容不在。网页

我最初学前端的代码时候，老师让手写一个空白页。我啪一下敲了 <html><head></head><body></body></html>，打开浏览器，白的。老师问：“这页面上有什么？”我说：“啥也没有。”他说：“错，有四个标签。标签就是结构。你看到的空白，是结构的外壳。”那时候我才意识到，代码里的“空”和现实里的“空”不是一回事。现实里空房间就是空房间，代码里空 <body> 是一个已经搭好骨架、随时可以往里塞东西的容器。

后来我养成个习惯，每接一个新项目，先建一个空白 HTML 文件，写上那几行。然后盯着它看几秒。这像什么呢？像画家面对空白画布，像作家面对空白文档。但又不完全一样——画布是物理的，你得买；文档是软件的，你得打开。而空白网页代码，你只需要一个文本编辑器，敲几个字符，它就是你的了。没有任何门槛，也没有任何借口。

有个挺有意思的事。我朋友做设计，有次跟我抱怨说客户要的“简洁风”最后都变成了“简陋风”。我让他给我看看他的空白页代码。他发过来，我一看，<body> 里面塞了七八个 <div>，每个都带着内联样式，背景色、边距、阴影全写死了。我说你这不叫简洁，叫“用复杂的方式假装简单”。真正的空白页代码，<body> 就是空的。你后面加什么，取决于你要表达什么。不是先堆一堆容器再想装什么，而是先想清楚要装什么，再决定要不要容器。

这其实牵扯到一个更根本的问题：我们到底把 HTML 当什么？如果把它当“页面描述语言”，那空白页就是没描述，等于没写。但如果把它当“文档结构”，空白页就是一个合法的、完整的文档——它声明了类型，定义了语言，设置了字符集，有头部有主体。它只是没有内容。没有内容不等于没有意义。就像一张白纸，你不能说它不是纸。

我见过有人用空白页代码做压力测试。把 <body> 清空，只留一个 <script> 标签，里面写个死循环。浏览器直接卡死。空白页成了性能陷阱。也有人拿它做安全研究，比如在 <head> 里塞各种 meta 标签，测试浏览器怎么解析。空白页是最干净的实验台，因为没有任何视觉干扰，所有行为都发生在你看不见的地方。

说回日常。你打开 Chrome，按 F12，在 Console 里敲 document.body.innerHTML = ''，当前页面瞬间变白。但你刷新一下，它又回来了。空白网页代码不是终点，是起点。它代表一种状态：结构就绪，等待填充。你写业务逻辑也好，做动画也好，搞数据可视化也好，第一步永远是那个空白的 <body>。它不酷，不炫，甚至有点无聊。但所有酷的炫的东西，都是从它里面长出来的。

所以下次你看到一片白的网页，别急着关。右键，查看源代码。那几行标签安安静静地待在那里，像刚打扫完的房间，地板干净，墙壁雪白，窗户开着，风还没进来。

---

我现在的习惯是，每完成一个项目，把代码删回空白页，再重新看一遍。有时候能发现之前没注意的结构问题。比如某个 <div> 其实根本不需要，某个类名起得莫名其妙。空白页像一面镜子，照出你之前塞进去的冗余。删到只剩骨架，你才知道哪些是必要的，哪些是后来长出来的赘肉。

代码写多了会发现，空白不是匮乏，是可能性。你面对一个空 <body>，想放什么就放什么。但前提是你得知道，它本来就是空的。别把空白当错误，别急着填满。先看清楚那几行标签，再动手。

```