html空元素共14个,是w3c html5标准明确定义的无内容、无闭合标签元素:area、base、br、col、embed、hr、img、input、link、meta、param、source、track、wbr。

哪些HTML标签是空元素(void elements)
HTML标准中明确列出的空元素共14个,它们不能包含任何内容,也不允许写结束标签。浏览器解析时遇到 <img> 这类标签会自动闭合,手动加 不但无效,还可能触发怪异模式或被解析为两个标签。
当前HTML5规范中的空元素包括:@#@#@#@#@#@#@#@#@#@0,但日常开发中可用更直接的办法:
- 打开浏览器开发者工具 → Elements 面板 → 输入任意标签(如
<meta>),观察其DOM树中是否允许展开子节点:不能展开,大概率是空元素 - 在控制台执行
document.createElement('img').children.length,返回0;而document.createElement('div').children.length返回0但它是可含子节点的容器——关键看规范定义,而非运行时长度 - 用VS Code + Auto Close Tag插件时,如果敲完
<br> 后按 Tab,它不自动补 <code>>后的,而是直接闭合,这就是编辑器内置了空元素判断逻辑
真正容易被忽略的是:空元素的属性值仍需符合规范,比如 <img> 中的空 src 会触发404请求,这不是语法问题,却是线上高频事故点。


前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











