HTML 空 (HTML void)

概述

在 HTML 标准中，有一类元素被称为 "HTML 空元素"（HTML void elements），也称为 "自闭合标签"（self-closing tags）或 "单标签"（singleton tags）。这些元素没有结束标签，而是以空元素标记的形式自闭合。

HTML 空元素列表

以下是 HTML 标准中定义的 HTML 空元素列表：

<br>
<hr>
<img>
<input>
<link>
<meta>

使用

<!-- 使用 br 标签创建换行 -->
<p>这是第一行<br>这是第二行</p>

<!-- 使用 img 标签插入图片 -->
<img src="path/to/image.jpg" alt="图片描述">

<!-- 使用 input 标签创建表单输入框 -->
<input type="text" name="username">

<!-- 使用 link 标签引入 CSS 样式表 -->
<link rel="stylesheet" href="style.css">

<!-- 使用 meta 标签设置网页元数据 -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

注意事项

• HTML 空元素没有结束标签，因此在使用它们时需要注意标签的正确闭合。
• 在 XHTML 中，需要使用带有结束斜杠的自闭合标签，即 <br/>、<hr/>、<img/>、<input/>、<link/> 和 <meta/>。
• 在 HTML5 中，自闭合标签可以省略斜杠，即可以使用 <br>、<hr>、<img>、<input>、<link> 和 <meta>。

参考资料

• HTMLElements - HTML
• Self-closing tags

以上内容摘自 MDN Web 文档-HTML 空元素。

# HTML 空 (HTML void)

## 概述

在 HTML 标准中，有一类元素被称为 "HTML 空元素"（HTML void elements），也称为 "自闭合标签"（self-closing tags）或 "单标签"（singleton tags）。这些元素没有结束标签，而是以空元素标记的形式自闭合。

## HTML 空元素列表

以下是 HTML 标准中定义的 HTML 空元素列表：

```html
<br>
<hr>
<img>
<input>
<link>
<meta>

使用

<!-- 使用 br 标签创建换行 -->
<p>这是第一行<br>这是第二行</p>

<!-- 使用 img 标签插入图片 -->
<img src="path/to/image.jpg" alt="图片描述">

<!-- 使用 input 标签创建表单输入框 -->
<input type="text" name="username">

<!-- 使用 link 标签引入 CSS 样式表 -->
<link rel="stylesheet" href="style.css">

<!-- 使用 meta 标签设置网页元数据 -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

注意事项

• HTML 空元素没有结束标签，因此在使用它们时需要注意标签的正确闭合。
• 在 XHTML 中，需要使用带有结束斜杠的自闭合标签，即 <br/>、<hr/>、<img/>、<input/>、<link/> 和 <meta/>。
• 在 HTML5 中，自闭合标签可以省略斜杠，即可以使用 <br>、<hr>、<img>、<input>、<link> 和 <meta>。

参考资料

• HTMLElements - HTML
• Self-closing tags

以上内容摘自 MDN Web 文档-HTML 空元素。