空HTML标签是不包含内容且无需闭合的元素，如br、hr、img、input等，在HTML5中直接书写即可，推荐使用规范属性引号和统一风格以避免错误。
空HTML标签（也称自闭合标签或void元素）是指那些不能包含子内容的标签，例如 img、br、input 等。它们在HTML中不需要闭合标签，书写时应正确使用自闭合语法。
什么是空HTML标签
空标签是HTML中不包含内容、也不需要结束标签的元素。浏览器会自动将其视为已关闭。常见的空标签包括：
- <br> – 换行
- <hr> – 水平线
- <img> – 图像
- <input> – 输入框
- <meta> – 元信息
- <link> – 外部资源链接
- <area> – 图像映射区域
- <col> – 表格列定义
自闭合标签的正确写法
在HTML5中，空标签不需要斜杠，直接书写即可。但在XHTML或XML风格中，推荐使用斜杠闭合。两种写法如下：
- HTML5 写法（推荐）：<br>、<img src="photo.jpg">、<input type="text">
- XHTML 风格写法：<br />、<img src="photo.jpg" />、<input type="text" />
虽然HTML5不强制要求斜杠，但加上/在某些团队规范或框架（如Vue、JSX）中更清晰，且兼容性更好。
立即学习“前端免费学习笔记（深入）”；
常见错误与注意事项
- 不要为非空标签使用自闭合，如 <div /> 是错误的
- 避免重复闭合，如 <br></br> 在HTML5中无效
- 确保属性值用引号包裹，如 <img src="logo.png" alt="Logo">
- 自闭合标签后无需添加额外内容，否则可能引发渲染问题
基本上就这些。只要记住哪些是空标签，并统一书写风格，就能避免结构错误。
