打开一个html文件，静态里面只有一行字：“你好，网页世界”。静态这大概是网页很多人第一次接触网页时敲下的内容。保存，静态双击，网页浏览器弹出一片白底黑字。静态没有服务器，网页没有数据库，静态没有后端语言参与，网页它照样跑起来了。静态这就是网页静态网页最直白的样子——文件里写什么，浏览器就显示什么。静态

静态网页的网页本质是“所见即所得”的代码文件。你写一段<p>今天下雨了</p>，静态它就显示“今天下雨了”。不会因为用户是张三还是李四而变，也不会因为上午访问还是下午访问而变。我见过有人把公司简介做成静态页，十年没改过，照样能用。文件躺在服务器某个目录里，谁来访问都递同一份，简单到近乎笨拙。

但笨拙有笨拙的好处。去年帮朋友搭一个摄影作品展示页，总共十二张图，每张配两行说明。用WordPress？得装环境、配数据库、调主题，折腾半天。直接写HTML加CSS，一个下午搞定。文件总共不到200KB，加载快得几乎无感。朋友后来想改图，我教他找到<img src="...">那行，把文件名换掉就行。他一个非技术人员，五分钟学会。

结构上，静态网页离不开三样东西。HTML管内容骨架，CSS管长相，JavaScript管那点有限的互动。比如鼠标悬停变色、点击展开菜单，都是JS在浏览器本地跑，不跟服务器打交道。有人觉得静态页“死板”，其实加个<marquee>标签文字就能滚动，虽然这标签早被嫌弃了。更正经的玩法是用JS读取JSON文件，动态生成列表——文件还是静态的，但页面看起来活了。

我自己的博客就是静态的。用Jekyll把Markdown转成HTML，每次写完文章跑一行命令，生成一堆文件夹和index.html。传到GitHub Pages，免费托管。没有后台登录入口，没有评论框，想留言得发邮件。有人问这样不麻烦吗？麻烦，但省心。不用担心数据库被注入，不用半夜起来打补丁。攻击者面对一堆纯文本文件，能做的实在不多。

当然，静态网页做不了的事也很明显。用户登录状态存不住，购物车加不了商品，搜索框输入关键词没法从服务器捞数据。这些需要后端动态生成页面，或者至少用API拉数据。静态页适合什么？个人简历、产品说明书、活动单页、文档中心。内容相对固定，更新频率低，访问量还不小——这种场景下，静态页的加载速度和安全性优势会被放大。

有个细节值得留意。现在很多“静态”网站其实不纯。它们用React或Vue在浏览器里渲染，首屏HTML几乎是空的，全靠JS填充。这跟传统静态页是两码事。传统静态页的HTML里直接有内容，搜索引擎爬虫一眼看到，用户关掉JS也能读。我坚持手写HTML，一部分原因就是不想让读者等那几百毫秒的JS执行时间。

说到底，静态网页像一把螺丝刀。拧螺丝它最趁手，但你不能拿它砸钉子。知道什么时候用它，比争论它是否过时重要得多。下次你要展示十页以内的内容，不妨新建一个.html文件，从<!DOCTYPE html>开始敲起。那种文件完全受你控制的感觉，挺踏实的。

(责任编辑：百科)