w3c validator是唯一能规范级预判无效标签的工具，它比对html内容模型报错如“element div not allowed as child of element p”，必须修改源码；domparser可轻量预检明显非法嵌套并抛异常；浏览器elements面板中灰色斜体节点是静默修正后的证据。
HTML解析引擎本身不提供“检测无效标签”的运行时接口——它只负责容错解析，不会报错也不会中断。真要发现无效标签，得绕开浏览器的自动修正机制，用外部校验工具或预解析手段。
W3C Validator 是唯一能做规范级预判的工具
它不看渲染结果，只比对 HTML 规范中的内容模型（content model）。报错 Element div not allowed as child of element p 就是铁律，必须改源码，而不是等 Chrome “修好”。
- 本地开发时，粘贴 HTML 片段到
validator.w3.org验证最快 - CI 流程中必须集成
html-validate或tidy-html5命令行校验 - 优先修第一条
Error：后续Warning很多是连锁反应，第一个修完，后面常自动消失 - 别忽略
Element img is not closed这类提示——<img alt="...">是非法闭合，会导致后续所有层级偏移
用 DOMParser 预检字符串是否含非法嵌套
DOMParser 比 innerHTML 更严格，遇到明显结构错误（如 <p></p><div class="aritcle_card flexRow artxards">
<div class="artcardd flexRow">
<a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill4293" title="Doc To HTML"><img
src="https://img.php.cn/upload/skill/000/000/081/178998486916110.jpg" alt="Doc To HTML" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a rel="nofollow" href="/xiazai/skill4293" title="Doc To HTML" class="overflowclass">Doc To HTML</a>
<p class="overflowclass">使用 MinerU 文档处理引擎将 Word 文档（.doc、.docx）转换为保留结构和格式的干净 HTML。</p>
</div>
<a rel="nofollow" href="/xiazai/skill4293" title="Doc To HTML" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
</a>
</div>
</div>
<div></div>
- 它不会静默修复，而是直接拒绝解析并 throw
SyntaxError - 适用于 CMS 后台富文本提交、用户输入 HTML 预览等场景
- 注意：它仍允许部分宽松写法（如省略
- 示例：
new DOMParser().parseFromString(htmlStr, 'text/html')，捕获异常即可判断“明显非法”
浏览器 Elements 面板里找灰色/斜体节点
这些不是“正在出错”，而是浏览器已完成修正后的证据。灰色、斜体、带删除线的节点，就是被静默移出原上下文的标签（比如 <ul><div></div></ul> 中的 <div> 会被提到 <code><ul></ul> 外面）。
- 特别留意
table、ul、ol内部出现<div>、<code><p></p>、<form></form>—— 这三类容器有硬性子元素限制 -
document.body.innerHTML返回的是修正后的 HTML，不是原始字符串，不能靠正则数<div> 和 <code>
