极简不是少写，而是写对
很多人把极简网页源码理解成“代码越短越好”，结果写出一堆难维护的压缩式结构。真正的极简风格网页源码，核心是结构清晰、样式可控、资源最少。视觉上的留白与克制，必须由代码层面的秩序来支撑。
结构层：语义标签优先
极简页面的 HTML 结构通常只有三到五层。用 header、main、footer 划分区块，不要用满屏的 div 堆砌。一个典型的极简页面源码骨架如下：
页面标题
正文段落
语义标签本身就带有可访问性语义，减少多余类名，源码读起来更干净。记住一个原则：能用语义标签解决，就不要新增 class。
样式层：拒绝框架依赖
极简风格的网页源码，通常不需要引入完整 CSS 框架。框架会带来大量未使用样式，与极简理念相悖。用原生 CSS 自定义属性管理颜色与间距：
:root {
–text: #1a1a1a;
–bg: #fafafa;
–space: 1.5rem;
}
body {
max-width: 40rem;
margin: 0 auto;
padding: var(–space);
font-family: system-ui, sans-serif;
line-height: 1.7;
color: var(–text);
background: var(–bg);
}
这段代码已经能覆盖大部分极简页面的排版需求。用 system-ui 字体栈替代外部字体请求，首屏渲染更快，也少了一个网络依赖。
资源层：减法比加法重要
极简风格网页源码在资源引用上要极度克制：
- 图片优先使用 SVG 或 WebP，图标用内联 SVG，避免图标字体
- 不使用 jQuery 等工具库，原生
querySelector足够 - 脚本放在
前或加defer，不阻塞渲染 - 一个页面只加载一个 CSS 文件，一个 JS 文件
每增加一个外部资源，就多一次请求、多一份维护成本。极简的核心是删除不必要的，而不是添加必要的。
常见误区
第一，为了极简把类名写成 a、b、c，可读性崩塌。极简不等于晦涩。第二，过度依赖 CSS 压缩工具，却在源码里留下大量注释掉的死代码。第三，把响应式简化为一个 media query，忽略小屏下的真实阅读体验。
极简风格网页源码的终点，是让后来者打开文件时能一眼看懂结构，而不是感叹“写得真短”。短是结果，清晰才是目标。
