必须用https://validator.w3.org/nu/，因它支持HTML5全量语法（如<template><dialog><slot>），旧版会误标为错误，且是唯一能准确定位原始HTML语法错误的权威工具。
直接用 https://validator.w3.org/nu/ 验证，是目前唯一能准确定位 HTML 语法错误的权威方式；其他工具只能辅助，不能替代它。
为什么必须用 https://validator.w3.org/nu/ 而不是旧版或本地工具
新版 Nu Html Checker 支持完整的 HTML5 语法，包括 <template>、<dialog>、<slot> 等现代元素。旧版验证器会把它们全标成错误，导致你误删合法代码。
- 旧版
https://validator.w3.org/已停止维护，不识别rel="preload"中的as属性，也不理解<picture>内部结构 -
htmlhint是静态检查器，无法发现浏览器实际解析时的嵌套截断问题（比如<div><p>...</div>） - 浏览器开发者工具显示的是“修复后”的 DOM，不是原始 HTML —— 它告诉你结果异常，但不告诉你哪行源码错了
https://validator.w3.org/nu/ 的三种提交方式怎么选
粘贴代码最常用，但极易因格式不全导致误报；上传和 URL 方式对环境有硬性要求，容易失败。
- 粘贴代码：必须包含完整结构，即以
<!DOCTYPE html>开头，且有<html>根标签，否则报missing DOCTYPE或element not allowed as child of element html - 上传文件：不接受
file://协议，双击打开本地 HTML 文件会失败；必须先起服务，例如运行npx serve后填http://localhost:5000/index.html - URL 验证：只适用于已部署页面，若服务器返回 403、CSP 拦截或
X-Frame-Options限制，会显示Unable to retrieve document
常见报错类型和真实风险判断
W3C 验证器每条错误都对应一个真实渲染风险，但有些警告可忽略，有些则必须处理。
立即学习“前端免费学习笔记（深入）”；
-
Element “img” is missing required attribute “alt”：必须补，空值写alt=""合法，不写则影响可访问性和 SEO -
Stray end tag “div”：说明多写了一个</div>，极可能导致后续内容错位或被吞掉 -
Attribute “x-on:click” not allowed on element “button”：这是 Vue 指令，非标准属性，属于预期中的报错，不用改源码，但需确认构建后已编译为原生 HTML -
Bad value “picture” for attribute “rel” on element “link”：其实是as="picture"写错了，应为as="image"；验证器没报出这个点，但浏览器会忽略 preload —— 这类隐性失效它根本发现不了
htmlhint 怎么配才真正生效
装了不等于能用，三个关键点卡住 90% 的人：
- 必须全局安装最新版：
npm install -g htmlhint；旧版（如 v0.12.x）根本不识别attr-value-double-quotes这类规则 -
.htmlhintrc文件名必须带前导英文句点，且必须放在执行命令的当前目录下（不是项目根目录，也不是~） - 运行前先确认是否真装上了：
htmlhint --version；如果没输出或报command not found，说明 npm 的 bin 路径没进系统PATH
复杂点在于：验证器只查静态语法，不查动态生成的 HTML；框架模板（如 {{ title }}、v-if）必须在构建产物上验证，而不是 src 目录下的源文件。
