HTML 中的自闭合标签

什么是 HTML 中的自闭合标签？

HTML 中的自闭合标签是一类不需要结束标签的特殊标签，也称为空元素。它们不像其他元素那样包裹内容，而是保持为空，自身就构成完整的元素。

在 HTML5 中，自闭合标签可以带结尾斜杠，也可以不带。例如，

<br> 和 <br /> 都有效。过去，要正确解析 XHTML 和 XML 文档，必须使用斜杠。现在，HTML 解析器可以轻松处理这两种语法。

这些标签遵循简单的规则，让 HTML 文档的结构化更加顺畅，也让代码更简短、更整洁。无论是否带有结尾斜杠，浏览器都可能以相同的方式显示它们。

HTML5 自闭合标签列表

在 HTML5 中，最常用的自闭合 HTML 标签如下：

• <br> – 换行
  
• <img> – 图像
  
• <hr> – 水平分隔线
  
• <meta> – 元数据
  
• <link> – 链接样式表
  
• <input> – 输入框
  
• <source> – 媒体资源
  
• <area> – 图像映射区域
  
• <col> – 表格列
  
• <embed> – 嵌入外部资源
  
• <track> – 媒体文本轨道
  
• <wbr> – 可换行位置
  

这份列表涵盖了您在网页上看到的大多数自闭合标签。

如何使用自闭合标签

自闭合标签的用法很简单：您只需写开始标签，不需要写结束标签。在 XHTML 1.0 中，您需要加上结尾斜杠。如今在 HTML5 中，浏览器两种写法都接受。

HTML 对解析规则的要求没有那么严格。浏览器在渲染时可能会忽略多余的斜杠。这样既保留了文档结构，又让文档更具灵活性。

示例

以下是一些自闭合标签的示例：

<br>

<hr>

<img src=”image.jpg” alt=”Sample”>

<input type=”text”>

许多 HTML 文档都会使用这些自闭合标签，它们采用成熟的语法来构建结构。现代浏览器解析它们毫无困难。

借助自闭合标签，HTML 能让您的代码保持整洁。它们对于创建能正常运行的网页非常重要。