浏览器静默修正非法嵌套导致dom与源码不一致，应通过w3c validator定位首个错误、elements面板验证真实dom结构，并用js查找孤立节点。
HTML 标签配对错误不会直接让浏览器崩溃，但会让 DOM 结构严重错乱——你写的 <div><p>内容</p></div>
用 Elements 面板看真实 DOM，不是源码
浏览器解析 HTML 时会自动纠错，所以你在编辑器里看到的结构 ≠ 实际渲染的 DOM。打开开发者工具（F12），切到 Elements 面板，逐级展开节点，重点找：
- 灰色半透明标签（如
<div> 显示为浅灰）——表示该标签被浏览器自动补全或移除 <li>红色边框或黄色感叹号图标——常见于 <code><table>、<code><ul></ul>内部嵌套非法元素 -
<p></p>里出现<div> 或 <code><section></section>——HTML 规范允许，但若<p></p>没闭合，后续所有块级元素都可能被吞进<p></p>里W3C Validator 是唯一能准确定位配对错误的工具
它不依赖渲染，而是按标准 DTD 解析原始文本，报错行号精准。粘贴完整代码到 https://www.php.cn/link/6c4ce2d66be954338a51e72eb79aae10 后，重点关注这几类提示：
-
Stray end tag div：说明有个
-
