w3c markup validation service是最权威的html校验工具，严格校验语法、doctype、嵌套与属性；浏览器devtools仅容错渲染不报错；vnu.jar支持离线校验；vs code推荐htmlhint等对接标准规则集的插件。
W3C Markup Validation Service 是目前最权威、最可靠的 HTML 校验工具，它直接由 Web 标准制定方维护，对语法、文档类型声明（DOCTYPE）、元素嵌套、属性使用等校验最严格。
为什么不用浏览器开发者工具自带的“检查”功能
浏览器 DevTools 的 Elements 面板只做渲染时的容错修正，并不报错——比如 <div> 里直接放 <code><p></p> 再套 <div>，Chrome 会照常渲染，但 W3C 校验器会明确提示 <code>Element div not allowed as child of element p in this context。它不告诉你“能跑”，而是告诉你“是否合规”。
- DevTools 不校验 DOCTYPE 是否缺失或拼写错误（如
） - 不检测过时属性（如
align、border）是否仍在使用 - 无法识别自定义元素是否符合 Custom Elements 规范（需配合
is属性或 CEv1 语法）
本地校验：用 vnu.jar 命令行工具离线跑
W3C 官方提供的 vnu.jar 是其在线服务的后端，支持离线校验、CI 集成和批量处理，比反复粘贴网页更可靠。
- 下载地址是
https://github.com/validator/validator/releases，找最新版vnu.jar - 校验单个文件：
java -jar vnu.jar --format json index.html - 校验整个目录（含子目录 HTML）：
java -jar vnu.jar --format json --recursive ./src - 忽略警告（只报 error）：
--errors-only；但建议初期保留警告，很多Warning: The charset attribute on the script element is obsolete其实指向真实兼容性风险
VS Code 插件怎么选：避免装一堆“HTML Linter”却没用对
真正好用的是 HTMLHint 或 vscode-langservers-extracted（内置 HTML language server），而不是名字带“Validator”的杂牌插件。关键看它背后是否对接标准规则集。
-
HTMLHint支持自定义.htmlhintrc，可启用attr-lowercase、attr-no-duplication等可落地的规则 - 禁用插件自带的“自动修复”功能——它可能把
&直接替换成&，导致双编码问题 - 如果项目用 Pug/Vue/Svelte，别依赖通用 HTML 插件，得用对应语言的预处理器校验（如
volar对 Vue 中的 template 片段）
真正难的不是找到工具，而是判断哪条报错该改、哪条可忽略。比如 Warning: Article lacks heading 在卡片组件里可能是合理设计，但 Error: Stray doctype 几乎总是要立刻修复——这类边界情况，得结合语义 HTML 规范去读报错原文，不能只看“warning”或“error”字面意思。
