这个网站只有五个页面，模拟网站分别模拟了新闻门户、模拟网站电商首页、模拟网站论坛帖子、模拟网站个人博客和404错误页。我故意不写任何样式，让浏览器用默认字体渲染。结果出乎意料：新闻门户的标题大得吓人，电商页面的商品图片位置全是破图标，论坛帖子的文字挤成一团，博客页面倒是意外地清爽，而404页面，只有一个孤零零的“页面不存在”链接。

但恰恰是这种“丑陋”，让我第一次真正理解了网页的本质。原来我们平时看到的那些圆角卡片、渐变按钮、丝滑动画，全部是后来披上去的外衣。脱掉衣服之后，信息结构才是骨架。新闻门户的核心是标题层级——h1必须是头条，h2是次级要闻，p是正文；电商页面的核心是商品链接和价格标签；论坛的核心是楼层和引用关系。这些用纯HTML就能表达清楚，而且表达得比花哨的页面更诚实。

有个细节特别有意思。我在模拟论坛帖子时，用了

标签来引用楼上的回复。浏览器默认给它加了缩进，视觉上立刻形成了对话感。那一刻我意识到，HTML标签本身就自带语义权重，加粗表示强调，斜体表示语气变化，就连换行
都是一种节奏控制。这些默认样式不是设计，而是语言本身的语法。

我让几个朋友来体验这个毛坯网站。有人觉得无聊，说这跟记事本打字有什么区别。但有个做编辑的朋友盯着电商页面看了很久，突然说：“我终于明白为什么有些商品详情页要写那么长的滚动文案了——因为在这个纯HTML版本里，商品信息只有三行，根本没法让用户产生购买欲。”她这句话点醒了我。模拟网站不是要复刻真实网站，而是要暴露真实网站隐藏的逻辑。当所有视觉糖衣被剥掉，你才能看清一个页面到底是在传递信息，还是在浪费用户的注意力。

后来我试着给这个模拟网站加了一点点“人性化”处理——不是CSS，而是调整HTML结构。我把新闻门户的标题层级重新梳理，让重要新闻的标题直接顶到页面顶部，用最粗的默认字体显示；我把博客页面的段落间距加大，仅靠空行和

标签制造呼吸感。改动不大，但效果惊人。一个完全不懂技术朋友看完后说：“这个丑网站居然让我读完了三篇新闻，那些漂亮的新闻网站我从来都是刷标题的。”

这大概就是模拟的价值。它像医学教学用的塑料骨架，没有血肉，但每一块骨骼的关节都暴露在眼前。当你习惯了看穿着衣服的人，突然见到骨架，反而会觉得这才是身体的本相。我留着这个模拟网站的文件夹，偶尔打开看看，提醒自己：网页的本质是承载内容的结构，而设计只是让这个结构更容易被理解的手段。手段可以不断翻新，但结构永远不该被遗忘。