浏览器依据HTML规范中的void element列表判断自闭合标签，共14个：area、base、br、col、embed、hr、img、input、link、meta、param、source、track、wbr；不在列表中的标签如div即使写成<div/>也会被解析为未闭合的开始标签。
怎么判断一个标签是不是自闭合标签
浏览器不靠“看有没有斜杠”来识别自闭合标签，而是查规范里定义的 void element 列表。HTML Living Standard 明确列出了 14 个（截至 2026 年）： area、base、br、col、embed、hr、img、input、link、meta、param、source、track、wbr。只要标签名在这个列表里，它就是自闭合的——无论你写 <img>、<img/> 还是 <img />，解析器都按空元素处理。
为什么 <div/> 不是自闭合，但也不报错
因为 div 不在 void element 列表中，属于 normal element。HTML 解析器遇到 <div/> 时，会把 / 当作非法字符直接丢弃，整段等价于 <div> —— 一个没闭合的开始标签。后续所有内容都会被塞进这个 div 的子树里，直到遇到 </div> 或触发隐式闭合（比如下一个块级兄弟节点）。这不是容错，是确定性纠错。
-
<img src="x"/>合法：/ 被保留，语义不变 -
<div class="a"/>非法：/ 被丢弃，变成未闭合的<div class="a"> - React/Vue 中用
v-html或dangerouslySetInnerHTML渲染这类字符串，同样走这套规则，框架不拦截
服务端解析器（如 Jsoup、jsdom）对自闭合更敏感
它们默认不模拟浏览器的容错逻辑，而是严格按规范解析。遇到 <div/> 会直接抛 ParseException，或生成结构异常的 DOM 树。这不是 bug，是设计使然：早暴露问题，避免上线后因浏览器差异导致渲染不一致。
- jsdom 默认启用
strict模式，<p>hello<div/></p>会立刻报错 - Jsoup 若不显式设置
Parser.xmlParser()，对<input/>可能误判为未闭合 - 校验建议：开发阶段用
htmlhint+tidy-html5自动格式化，比靠浏览器“猜”更可靠
常见误判场景和调试线索
DOM 结构跟写的不一样？别急着改 CSS 或 JS，先看 Elements 面板里有没有灰色斜体节点、Edit as HTML 后结构跳变、document.querySelectorAll('div') 返回数量远超预期——这些全是浏览器已执行纠错的痕迹。W3C Validator 是唯一能准确定位源头的工具，它报的 Element div not allowed as child of element p 必须直改源码，补救无效。
立即学习“前端免费学习笔记（深入）”；
-
<p><div></p>→ 浏览器强制隐式闭合p，再开div，DOM 变成<p></p><div></div></li> <li><code><img></img>
→ 控制台警告“end tag ignored”，但图片仍显示；严格校验工具会标红 - 粘贴外部 HTML 片段时带了冗余闭合（如
</ul></ul>），编辑器自动补全可能雪上加霜
