HTML5自闭合标签有哪些？无需闭合标签大全

本文深入解析了HTML5中真正“必须自闭合”的14个void元素（如、
、<input>等），明确指出它们语法上禁止写结束标签、不可嵌套内容、不支持::before/::after伪元素，且无法通过innerHTML或textContent操作内容；同时澄清常见误区——

、

等写法不仅非法，还会导致浏览器错误解析、布局错乱和DOM结构异常，并对比HTML5与XHTML在斜杠使用上的本质区别，给出统一、规范、团队友好的编码实践建议，帮助开发者避开隐性陷阱，写出更健壮、可维护的HTML代码。

HTML5中哪些标签真的不能写闭合标签？

只有被HTML5规范明确定义为“void elements”（空元素）的标签，才**语法上禁止**出现结束标签（如 ），也**不允许**包含任何内容。浏览器遇到 这类写法，会直接忽略后面的 ，甚至可能把后续内容误解析为 的子节点——导致布局错乱。

以下是HTML5标准中全部 14个必须自闭合的void元素（按使用频率排序）：

<area>
<base>
<br>
<col>
<command> <!-- 已废弃，仅作兼容参考 -->
<embed>
<hr>
<img>
&lt;input&gt;
<keygen> <!-- 已废弃 -->
<link>
<meta>
<param>
<source>
<track>
<wbr>

⚠️ 注意： 和 虽属void元素，但已在HTML5中正式废弃，新项目请勿使用。

斜杠 / 写不写？HTML5和XHTML的区别在哪？

在HTML5中， 和 都完全合法，效果一模一样。但二者语义不同：

• 是HTML5原生推荐写法 —— 简洁、直观、无歧义
• 是XML/XHTML遗留风格 —— HTML5兼容它，但不是必需，且容易误导新人以为“加了/才算闭合”
• 若混用（如 <input type="text">），浏览器会丢弃 ，但可能影响DOM树结构判断（尤其用JS操作 parentElement 时）

✅ 实操建议：统一用无斜杠写法；团队协作时在ESLint或HTMLHint中配置 html-validate 规则禁止 />，避免风格污染。

为什么

或

是错的？

因为