静态网页时代：一切的起点

最后更新：2026-08-19

本主题要回答的问题

1. 1990 年代一个网页是怎么"做"出来的？为什么那是"前端"的起点？
2. 静态网页的能力边界在哪里？哪些需求逼迫它走向服务端渲染？
3. 这个时代留下的遗产（HTML/CSS/JS 原生能力）为什么到今天还无法被替代？

一、时代背景（1991 ~ 1998）

Tim Berners-Lee 1991 年发布第一个网页时，HTML 只有十几个标签，目标仅仅是"在学术机构之间共享文档"。当时的网页：

• 全部是静态文件：服务器把 .html 文件原样发给浏览器，没有任何生成逻辑；
• 布局靠表格：<table> 嵌套 <table> 拼出页面结构（当时没有 CSS 布局或 CSS 还很弱）；
• 样式靠标签属性：<font color="red">、bgcolor 之类，CSS1 直到 1996 年才出现；
• 脚本是点缀：JavaScript 1995 年诞生，最初只做表单校验、跑马灯这类小事。

二、能力边界：这个时代做不到什么

做不到的事	原因	用户看到的后果
内容随请求变化（用户登录后显示不同页面）	文件是死的，服务器不参与内容生成	所有用户看到同一页面
数据持久化与个性化	没有后端程序、没有数据库	购物车、评论、论坛只能靠"通知邮件"
局部更新	没有 AJAX（2005 年才被广泛使用）	每次交互都整页刷新
复杂交互	JS 能力弱 + 浏览器战争（IE/Netscape 各自为政）	动效靠 GIF 图片

关键矛盾：门户网站（Yahoo、新浪）出现后，内容量爆炸，"手写 HTML"这条路走不通了——每个页面都要人工维护，更新一条新闻要改一个文件。动态化的需求直接催生了服务端渲染时代。

三、这个时代留下的遗产

遗产	为什么无法被替代
HTML 语义结构	万维网的骨架，任何框架最终都编译/渲染成 HTML
CSS 样式体系	从 CSS1 演进到 CSS Grid，仍是唯一的样式标准
JavaScript 语言	唯一的浏览器原生编程语言（WebAssembly 是补充不是替代）
URL + 超链接模型	整个互联网的寻址与导航基础
浏览器 DOM API	所有框架（React/Vue）的底层操作对象

四、从静态到动态的临界点

判断"该不该离开静态时代"的三个信号，今天仍然适用（这也是后来 SSG 复兴的原因）：

1. 内容更新频率：人工改 HTML 跟不上更新节奏；
2. 用户差异化：需要"不同用户看到不同内容"；
3. 数据来源：内容来自数据库而非作者手工编写。

有趣的是：时代五的**静态站点生成器（SSG）**恰恰是把"静态"重新捡回来——当内容可以构建期生成（博客、文档站）时，静态又是最优解了。这是"螺旋上升"的经典案例。

一句话总结

静态网页时代定义了前端的全部地基（HTML/CSS/JS/URL），也暴露了它的最大软肋——内容一变多、一动态化就不可维护；这个矛盾把前端推向了服务端渲染，而它的地基原则（静态最可靠）则在三十年后的 SSG 里重新发光。