html解析器不报错退出，而是依据html living standard的插入模式和开放元素栈自动纠错补全未闭合标签，生成合法但可能语义错乱的dom树。
HTML解析器遇到不闭合标签会怎么处理
浏览器不会直接报错退出，而是启动纠错模式（error recovery），自动补全缺失的结束标签。但这个过程不可控：比如 <div><p>text</p></div>
<div><p>text</p></div>，也可能变成 <div><p>text</p></div>
<p></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> 前出现任意字符（空格、BOM、注释、换行），浏览器就放弃Standards模式，切到Quirks模式——这不是警告，是底层渲染逻辑切换。- 验证方式：打开控制台输入
document.compatMode，返回"BackCompat"就是Quirks - Quirks下
height: 50%在父容器无明确高度时算出0，margin: auto居中失效，盒模型计算规则全变 - 构建工具（如Vite插件）或CDN压缩中间件可能悄悄在文件开头插入调试注释或空行，破坏DOCTYPE有效性
第三方脚本没加defer/async会硬截断Parse HTML
同步脚本不是“慢”，是强制暂停整个HTML解析流程。哪怕只有2KB，浏览器也得等它下载+执行完才继续——此时你写的
<main></main>、<section></section>全卡在内存里没进DOM树。- Performance面板里
Parse HTML蓝条被Evaluate Script黄条硬截断，就是典型信号 - 内联脚本（
<script></script>）加defer或async无效，浏览器直接忽略 - 多个
defer脚本按HTML顺序执行；多个async执行顺序不确定，不能有依赖关系
<header></header>抽成组件、是否允许<table> 里出现 <code><div>、能不能接受把 <code><h2></h2>改成<h3></h3>来维持层级连续——这些选择不报错，但会在首屏渲染、SEO索引、无障碍访问三个维度同时埋雷。- 验证方式：打开控制台输入
