html文档必须包含、、、四个基础标签，否则浏览器进入怪异模式导致渲染不可靠；其中须首行小写，建议加lang属性，至少含，为唯一可见内容容器。
HTML文档必须包含哪些基础标签才能被浏览器正确解析
没有 和 <code>、、 这四个标签，浏览器仍会渲染内容，但会进入怪异模式（Quirks Mode），导致 CSS 盒模型、字体继承等行为不可靠。现代开发中必须显式声明。
必须是文档第一行，且大小写敏感（全小写）-
是根元素，建议加上lang="zh-CN"属性便于屏幕阅读器和 SEO -
里至少要有<meta charset="UTF-8">，否则中文可能乱码 -
是唯一允许直接放可见内容的容器；里放<title></title>是最小可用组合
为什么用 VS Code 写完 HTML 文件双击打不开，或显示空白
常见原因是文件未保存为 .html 后缀，或保存时编码不是 UTF-8（无 BOM）。双击打开时，浏览器默认用 file:// 协议加载，若路径含中文或空格，部分旧版 Windows 浏览器会解析失败。
- 确认文件名以
.html结尾（不是.txt或隐藏后缀） - VS Code 右下角检查编码状态，点击后选 “Save with Encoding” → “UTF-8”
- 避免桌面或文档目录下有同名文件夹干扰（例如
index.html和index.html/并存） - 直接拖入 Chrome 标签页比双击更可靠；也可在终端运行
python3 -m http.server 8000启本地服务访问http://localhost:8000
初学者常误写的“合法但危险”的结构
语法上没报错，但实际破坏语义或影响可访问性。比如把 <h1></h1> 放在 外、用 <div> 替代 <code><header></header>、在 里写 <script></script> 且没加 defer。
-
<h1></h1>必须在内；<title></title>必须在内——这是 HTML5 规范硬性要求 - 用
<div class="header"> 而非 <code><header></header>不影响渲染，但丧失语义化，对 SEO 和辅助技术不友好 -
<script></script>放在末尾且无defer或async，会阻塞 DOM 解析，用户看到白屏时间变长 - 访问 https://www.php.cn/link/6c4ce2d66be954338a51e72eb79aae10，选择 “Validate by Direct Input” 粘贴代码，或 “Validate by File Upload” 上传本地
.html文件 - 注意区分 Error（必须改）和 Warning（建议改）；例如
<img>缺alt是 Warning，但对视障用户至关重要 - 校验器不检查 CSS 或 JS 错误，只管 HTML 结构；若提示 “Start tag X seen but an element of the same type was already open”，大概率是
<div> 没闭合或嵌套反了 手写第一个 HTML 文档真正的门槛不在语法，而在理解每个标签背后承担的语义责任和浏览器解析机制——漏掉一个 <code>charset，中文就可能变成方块；少一个lang，语音朗读就可能读错声调。这些细节不会报错，但会在上线后悄悄出问题。
如何快速验证自己写的 HTML 是否符合标准
不要依赖浏览器是否“看起来正常”，而要用 W3C 官方校验器。它能发现隐性错误，比如嵌套错位、属性缺失、过时标签。
