必须用https://validator.w3.org/nu/验证html5代码，旧版验证器会误报等合法元素为错误；需粘贴完整文档结构（含和根标签），避免行号、单引号、本地地址等干扰因素。
必须用 https://validator.w3.org/nu/，旧版验证器会把 <dialog></dialog>、<template></template> 等合法 HTML5 元素标为错误，不是你写错了，是工具过时了。
粘贴代码前必须补全文档结构
W3C Nu 验证器要求输入的是完整、可独立解析的 HTML 文档，不是片段。只粘贴 里的内容，漏掉 和 <code>，就会报 missing DOCTYPE 或 No root element found。
常见踩坑点：
- 复制时带了编辑器行号或注释（如 VS Code 的
//开头），导致被截断或识别失败 - 用了单引号包裹属性值（如
class='header'）—— 这属于Warning，不是Error，可忽略或统一改用双引号 - 本地开发时验证
localhost:3000这类地址，常因服务未暴露或被代理拦截而返回空页或 403，结果失真
遇到 Bad value X for attribute Y 别急着改拼写
这类提示本质是属性值不符合规范定义，不是拼写错误。查 WHATWG HTML Living Standard 比猜更快。
典型修正方式：
-
role="button"合法，但status="loading"不合法 → 改成data-status="loading" -
href="javascript:void(0)"被标为 Bad value → 改用href="#"+event.preventDefault()，或直接换<button></button>元素 -
<style type="text/css"></style>中的type已废弃 → 直接删掉该属性
验证 URL 和看 Elements 面板要分开用
https://validator.w3.org/nu/ 抓取的是服务器返回的原始 HTML 字符串，不执行 JS，也不看浏览器最终渲染的 DOM。所以以下问题它完全看不到：
-
document.createElement('div')动态插入的节点 -
innerHTML替换后产生的嵌套错乱（比如把<div> 塞进 <code><p></p>里） - 浏览器自动纠错后的结构（Chrome 会把
<p></p> <div> 拆成 <code><p></p> <div></div>，源码和 DOM 已不一致）这类问题得靠 Chrome DevTools 的
Elements面板：展开后看缩进是否断裂、节点是否变灰色斜体、右下角显示的display是否异常。真正难处理的不是报错本身，而是那些没报错却让屏幕阅读器崩溃、SEO 抓取失败、或在 Safari 旧版里直接白屏的结构问题 —— 它们往往藏在 DOM 和源码的差异里，而不是验证器的红字中。
