浏览器按HTML Living Standard确定性补全未闭合标签：遇EOF时依插入模式和开放元素栈逆序插入隐式结束标签，目标是生成可遍历DOM树而非还原语义；如<p><div>text截断后补为<p>text</p></div>，但可能违背开发者本意。
浏览器怎么“补”没闭合的标签
HTML解析器不靠猜测，而是严格按HTML Living Standard的插入模式和开放元素栈运行。丢包导致文档截断（比如只收到<div><p>hello就断了），解析器会在EOF时触发栈清空流程：从栈顶开始逆序弹出元素，对每个未闭合的<code><p></p>、<div>、<code><nav></nav>插入隐式结束标签。这个过程是确定性的，不是“猜你本意”，目标只是生成一棵可遍历的DOM树。
哪些标签会立刻被隐式闭合
不同标签在丢包场景下的补全行为差异极大：
-
<p></p>、<dt></dt>、<dd></dd>这类“格式化元素”，只要遇到块级兄弟节点（如另一个<p></p>或<div>）就会立即闭合——哪怕原始文本里根本没出现那个兄弟节点，丢包后解析器也可能因状态切换而提前触发 <li><code><div>、<code><section></section>等普通流元素不会主动闭合前序标签，但会在栈清空时被统一收尾，顺序严格按LIFO（后进先出） -
<li>在遇到下一个<li>或时才闭合；<tr>则等到下一个<code><tr>或 <h3>丢包后DOM结构为什么看起来“对”却实际错乱</h3> <p>补全是合法但未必正确的——解析器只保证语法可解析，不保证语义匹配。常见后果包括：</p> <ul><li>嵌套断裂：<code><div><p>text被补成<code><div> <p>text</p><div class="aritcle_card flexRow"> <div class="artcardd flexRow"> <a class="aritcle_card_img" href="/xiazai/skill8272" title="anything-to-html"><img src="https://img.php.cn/upload/skill/000/000/081/179195588450431.jpg" alt="anything-to-html" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a> <div class="aritcle_card_info flexColumn"> <a href="/xiazai/skill8272" title="anything-to-html">anything-to-html</a> <p>将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。</p> </div> <a href="/xiazai/skill8272" title="anything-to-html" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div> <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>，但你本意可能是<div><p>text</p></div>，中间若插了JS操作，span的parentNode可能被误判为<div>而非<code><p></p> - 语义污染：漏闭
<nav></nav>导致后续所有内容（包括<main></main>、<footer></footer>）都被包进<nav></nav>，CSS选择器nav > *会意外命中不该匹配的元素 - 脚本执行异常：
<script></script>标签被截断在<div> <script src="a.js">处，解析器补<code></script>后，该节点变成空<code><script></script>，但src属性已丢失，资源根本不会加载怎么验证丢包后的实际DOM结构
不能只看源码或validator结果，必须检查浏览器最终构建的DOM：
- 打开DevTools → Elements面板，观察展开后的嵌套层级是否符合预期；如果
<footer></footer>出现在<header></header>内部，基本可断定前面有<div>或<code><section></section>未闭合 - 右键任意元素 → Edit as HTML，手动补一个
- 打开DevTools → Elements面板，观察展开后的嵌套层级是否符合预期；如果
