html没有传统编译阶段，而是由浏览器解析器运行时逐行读取并构建dom树；所谓“编译阶段解决缺陷”实为开发阶段用htmlhint、vscode-html-validate、html-validate等工具进行静态预检，实现保存即报错的前置拦截。
HTML 有没有“编译阶段”？先说结论
HTML 本身没有传统意义上的编译阶段——它不被编译，而是由浏览器解析器（parser）在运行时逐行读取、构建 DOM 树。所谓“编译阶段解决缺陷”，实际指的是在代码进入浏览器前，用静态分析工具对 HTML 文本做预检，拦截常见结构性错误。
哪些工具能在“写完保存后、打开浏览器前”报错
这类检查发生在开发本地，不依赖浏览器，属于真正意义的“前置拦截”：
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
-
htmlhint：命令行运行htmlhint index.html，能捕获attr-lowercase、id-unique、img-req-alt等规则问题，输出带行号的提示，比如index.html:12:5: Attribute "CLASS" should be lowercase. -
vscode-html-validate（VS Code 插件）：启用后，在编辑器内实时标红未闭合的<div>、缺失引号的 <code>href=example.com，甚至提示<button></button>缺少type属性 -
html-validate（现代替代品）：支持 JSON Schema 配置，可校验语义化层级（如禁止<h2></h2>直接跟在<h4></h4>后），还能集成进husky+lint-staged实现 git commit 前自动检查
为什么 W3C Validator 不算“编译阶段工具”
W3C Markup Validation Service 是权威标准校验器，但它本质是服务端解析 —— 你提交代码，它启动一个模拟浏览器解析流程，再返回结果。它不嵌入开发流，无法做到保存即报错，也不支持自定义规则或 CI 集成。典型场景是：写完一版页面，手动粘贴去验证，发现 End tag for element 'p' seen, but there were open elements.，这时结构可能已影响到 CSS 选择器作用域或 JS querySelector 查找结果。
容易被忽略的“伪编译”陷阱
有些构建工具（如 Vite、Webpack）会把 HTML 当作资源处理，但默认只做路径替换或注入，不校验语法。除非显式配置插件（例如 vite-plugin-html 配合 html-validate），否则 <input required=""> 这种空字符串 required 属性、或 <div><p>文本</p></div>
