HTML解析器不报错退出，而是依据HTML Living Standard的插入模式和开放元素栈自动纠错补全未闭合标签，生成合法但可能语义错乱的DOM树。
HTML解析器遇到不闭合标签会怎么处理
浏览器不会直接报错退出，而是启动纠错模式（error recovery），自动补全缺失的结束标签。但这个过程不可控：比如 <div><p>text</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/xiazai/skill5806" title="html-deploy"><img
src="https://img.php.cn/upload/skill/000/000/081/179066538882434.jpg" alt="html-deploy" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/xiazai/skill5806" title="html-deploy">html-deploy</a>
<p>使用 htmlcode.fun 将 HTML 内容或文件部署到网页，适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。</p>
</div>
<a href="/xiazai/skill5806" title="html-deploy" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div></div>
<div><p>text</p></div>，也可能变成 <div><p>text</p></div>
<p></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>——具体行为取决于解析器状态和上下文，不同浏览器甚至同一浏览器不同版本都可能不同。
- 纠错消耗额外CPU时间，尤其在低端Android设备上，可能导致DOM构建超时截断
- 你写的CSS选择器（如
div > p）可能匹配不到预期节点，因为实际DOM结构已被重写 - JavaScript中用
document.querySelector查找元素失败，不是代码写错，是DOM根本没按你写的结构生成
嵌套过深（≥7层）触发解析器内存保护机制
解析器维护一个打开标签栈，每层嵌套都要记录父级引用、计算初始样式、准备布局检查。当 depth ≥ 7，部分浏览器（特别是Chrome Android版）会主动终止后续标签处理——不是卡顿，是直接丢弃后面所有HTML。
- DevTools里右键任意节点 →
Show DOM properties查depth值，≥7 就已处于高风险区 -
document.querySelector('body').children.length返回值远大于视觉区块数，说明冗余包裹拖慢了解析器 <table> 内嵌套 <code><div> 会放大问题：表格解析需整行预读，再加多层 <code><div> 极易触发同步 Layout，让流式中断 <h3>DOCTYPE位置错误直接降级为Quirks模式</h3> <p>只要 <code><!DOCTYPE html>前出现任意字符（空格、BOM、注释、换行），浏览器就放弃Standards模式，切到Quirks模式——这不是警告，是底层渲染逻辑切换。- 验证方式：打开控制台输入
document.compatMode，返回"BackCompat"就是Quirks - Quirks下
height: 50%在父容器无明确高度时算出0，margin: auto居中失效，盒模型计算规则全变 - 构建工具（如Vite插件）或CDN压缩中间件可能悄悄在文件开头插入调试注释或空行，破坏DOCTYPE有效性
第三方脚本没加defer/async会硬截断Parse HTML
同步脚本不是“慢”，是强制暂停整个HTML解析流程。哪怕只有2KB，浏览器也得等它下载+执行完才继续——此时你写的
<main>、<section>全卡在内存里没进DOM树。- Performance面板里
Parse HTML蓝条被Evaluate Script黄条硬截断，就是典型信号 - 内联脚本（
<script></script>）加defer或async无效，浏览器直接忽略 - 多个
defer脚本按HTML顺序执行；多个async执行顺序不确定，不能有依赖关系
<header>抽成组件、是否允许<table>里出现<div>、能不能接受把<h2>改成<h3>来维持层级连续——这些选择不报错，但会在首屏渲染、SEO索引、无障碍访问三个维度同时埋雷。- 验证方式：打开控制台输入
