W3C Validator 和浏览器 Elements 面板比源码更可信，因HTML解析器会静默修正非法嵌套，Elements显示真实DOM；需关注灰色节点、Edit as HTML跳变、禁用CSS后布局异常；校验须从首条Error入手，修复源头错误，确保DOCTYPE和charset声明，并可用html-validate批量检测。
直接用 W3C Validator 查，别信浏览器渲染效果——你写的
<p><div>内容</div></p> 在源码里看着正常，但浏览器早已把它改成 <code><p></p><div>内容</div><p></p>，DOM 结构已彻底变样。</p>
<h3>为什么浏览器开发者工具 Elements 面板比源码更可信</h3>
<p>HTML 解析器在构建 DOM 时会静默修正非法嵌套，Elements 面板显示的是最终真实树，不是你的源码。关键看三点：</p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/xiazai/skill9263" title="Html2md"><img
src="https://img.php.cn/upload/skill/000/000/081/179249945220127.jpg" alt="Html2md" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/xiazai/skill9263" title="Html2md">Html2md</a>
<p>使用 Readability + Turndown 将 HTML 页面转换为干净的、Agent 友好的 Markdown。去除导航栏、广告、页脚、Cookie 横幅、社交按钮等干扰元素。支持 URL...</p>
</div>
<a href="/xiazai/skill9263" title="Html2md" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div>
<ul>
<li>有没有灰色、半透明、缩进突兀的节点？那是被“踢出来”的孤立元素</li>
<li>右键某个 <code><p> → Edit as HTML，敲个空格回车：如果子树位置跳变，说明原始嵌套不合法</li>
<li>禁用所有 CSS 后检查布局：若某块突然塌陷或错位，大概率是 <code><p> 被提前闭合了</li>
</ul>
<h3>W3C Validator 怎么用才不白跑</h3>
<p>它报错不是为了吓人，而是精准定位第一个非法点。修复顺序必须严格：</p>
<ul>
<li>只看第一条 Error，比如 <code>Element div not allowed as child of element p，这就是根源
Element img is not closed 这类提示：写成 <img alt="..."> 是违法的，会导致后续所有层级偏移</li> <li>确保文档声明了 <code><!DOCTYPE html>和
<meta charset="utf-8">，否则可能进入怪异模式，校验失准本地批量检测可以用 html-validate
适合 CI 流程或团队项目，比每次粘贴到网页更快：
- 安装：
npm install -D html-validate - 初始化配置：
npx html-validate --init（选 HTML5 preset） - 扫描单文件：
npx html-validate src/index.html - 扫描整个目录：
npx html-validate src/**/*.html - 它能捕获
<p></p> <h4>标题</h4>、<ul><div>项</div></ul>、<p><svg>...</svg></p>等所有语义性嵌套错误，不只是标签配对
真正难的不是找到错误，而是接受：你写的 HTML 和浏览器实际执行的 DOM 是两套东西。缩进再整齐、样式再好看，只要违反 p 的 content model，结构就已在解析阶段被重写。
