HTML中，还有一些不允许写结束标记的元素有
area、base、br、col、 command、embed、hr、img、input、
keygen、link、 meta、param、source、track 和wbr。
参照前面的格式继续进行讲解，每个元素分三部分讲解。
在HTML中，有些元素是自闭合元素，不允许写结束标记。这些元素包括：area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track 和wbr。以下是对这些元素的详细讲解：
1、area
用途：定义图像映射中的区域，通常与map元素配合使用。
词源：来自英语 "area"，意为"区域"。
举例：
<map name="image_map">
<area shape="rect" coords="0,0,100,100" href="page1.html">
</map>
2、base
用途：定义文档中所有相对URL的基础路径。
词源：来自英语 "base"，意为"基础"。
举例：
<base href="https://www.example.com/">
3、br
用途：插入换行符。
词源：来自英语 "break"，意为"换行"。
举例：
<p>第一行<br>第二行</p>
4、col
用途：定义表格中的一列，通常与colgroup元素配合使用。
词源：来自英语 "column"，意为"列"。
举例：
<table>
<colgroup>
<col style="width:50%">
<col style="width:50%">
</colgroup>
</table>
5、command
用途：定义用户可执行的命令按钮。
词源：来自英语 "command"，意为"命令"。
举例：
<command type="radio" label="选项1">
6、embed
用途：嵌入外部应用程序或交互式内容。
词源：来自英语 "embed"，意为"嵌入"。
举例：
<embed src="video.mp4" type="video/mp4">
7、hr
用途：定义主题的分隔线。
词源：来自英语 "horizontal rule"，意为"水平线"。
举例：
<p>段落1</p>
<hr>
<p>段落2</p>
8、img
用途：插入图像。
词源：来自英语 "image"，意为"图像"。
举例：
<img src="image.jpg" alt="图片描述">
9、input
用途：定义输入控件。
词源：来自英语 "input"，意为"输入"。
举例：
<input type="text" name="username">
10、keygen
用途：定义密钥对生成器。
词源：来自 "key" + "generator"，意为"密钥生成器"。
举例：
<keygen name="key">
11、link
用途：定义文档与外部资源的关系。
词源：来自英语 "link"，意为"链接"。
举例：
<link rel="stylesheet" href="style.css">
12、meta
用途：定义文档的元数据。
词源：来自英语 "metadata"，意为"元数据"。
举例：
<meta charset="UTF-8">
13、param
用途：定义对象的参数。
词源：来自英语 "parameter"，意为"参数"。
举例：
<object data="movie.swf">
<param name="quality" value="high">
</object>
14、source
用途：为video或audio元素提供多个媒体资源。
词源：来自英语 "source"，意为"来源"。
举例：
<video>
<source src="video.mp4" type="video/mp4">
</video>
15、track
用途：为video或audio元素定义文本轨道。
词源：来自英语 "track"，意为"轨道"。
举例：
<video>
<track kind="captions" src="captions.vtt">
</video>
16、wbr
用途：定义软换行点，允许在单词中间换行。
词源：来自 "word break opportunity"，意为"单词断点"。
举例：
<p>这是一个很长的单词<wbr>breakable</p>
这些元素都是自闭合元素，不能包含其他内容，必须以/>结尾或单独使用。
总结
| 类别 | 词源及含义 | 用法 | 举例 | 注意事项 |
|---|
| area | image map area，图像映射区域。用于定义图像映射中的区域 | 在map元素中，定义图像映射的可点击区域 | <img src="image.jpg" usemap="#map1"><map name="map1"><area shape="rect" coords="0,0,100,100" href="page1.html"></map> | 属于void元素，语法上禁止出现结束标签，不允许包含任何内容；不支持CSS的::before/::after伪元素，无法用innerHTML注入内容、无法用textContent设置文本、也无法监听子节点变化；在HTML5中尾部斜杠可省略，原生推荐无斜杠写法 |
| base | base URL，用于为页面上的所有相对URL规定默认URL或默认目标 | 在head元素中，指定页面中所有相对链接的基准URL或默认打开目标 | <head><base href="https://example.com/" target="_blank"></head> | 属于void元素，语法上禁止出现结束标签，不允许包含任何内容；不支持CSS的::before/::after伪元素，无法用innerHTML注入内容、无法用textContent设置文本、也无法监听子节点变化；在HTML5中尾部斜杠可省略，原生推荐无斜杠写法 |
| br | line break，换行符，用于在文本中产生一个换行符 | 在文本内容中，强制换行 | 这是一段文本<br>换行后的文本 | 属于void元素，语法上禁止出现结束标签，不允许包含任何内容；不支持CSS的::before/::after伪元素，无法用innerHTML注入内容、无法用textContent设置文本、也无法监听子节点变化；在HTML5中尾部斜杠可省略，原生推荐无斜杠写法 |
| col | table column，用于定义表格中的一个列 | 在colgroup元素中，定义表格列的属性 | <table><colgroup><col span="2" style="background - color:lightblue;"></colgroup><tr><th>姓名</th><th>年龄</th></tr><tr><td>张三</td><td>20</td></tr></table> | 属于void元素，语法上禁止出现结束标签，不允许包含任何内容；不支持CSS的::before/::after伪元素，无法用innerHTML注入内容、无法用textContent设置文本、也无法监听子节点变化；在HTML5中尾部斜杠可省略，原生推荐无斜杠写法 |
| embed | embed external content，嵌入外部内容，比如插件等 | 用于嵌入外部资源，如多媒体文件、插件等 | <embed src="video.mp4" type="video/mp4"> | 属于void元素，语法上禁止出现结束标签，不允许包含任何内容；不支持CSS的::before/::after伪元素，无法用innerHTML注入内容、无法用textContent设置文本、也无法监听子节点变化；在HTML5中尾部斜杠可省略，原生推荐无斜杠写法 |
| hr | horizontal rule，水平线，用于在页面中创建一条水平线 | 在文档中，分隔内容，显示一条水平线 | 段落1<hr>段落2 | 属于void元素，语法上禁止出现结束标签，不允许包含任何内容；不支持CSS的::before/::after伪元素，无法用innerHTML注入内容、无法用textContent设置文本、也无法监听子节点变化；在HTML5中尾部斜杠可省略，原生推荐无斜杠写法 |
| img | image，图像，用于在页面中嵌入图像 | 在文档中，插入图片 | <img src="picture.jpg" alt="示例图片"> | 属于void元素，语法上禁止出现结束标签，不允许包含任何内容；不支持CSS的::before/::after伪元素，无法用innerHTML注入内容、无法用textContent设置文本、也无法监听子节点变化；在HTML5中尾部斜杠可省略，原生推荐无斜杠写法 |
| input | input field，输入框，用于创建交互式输入控件 | 在form元素或文档中，创建各种输入控件，如文本框、按钮、单选框等 | <input type="text" placeholder="请输入内容"> | 属于void元素，语法上禁止出现结束标签，不允许包含任何内容；不支持CSS的::before/::after伪元素，无法用innerHTML注入内容、无法用textContent设置文本、也无法监听子节点变化；在HTML5中尾部斜杠可省略，原生推荐无斜杠写法 |
| link | external resource link，外部资源链接，用于链接外部样式表或其他资源 | 在head元素中，链接外部样式表、图标等资源 | <link rel="stylesheet" href="styles.css"> | 属于void元素，语法上禁止出现结束标签，不允许包含任何内容；不支持CSS的::before/::after伪元素，无法用innerHTML注入内容、无法用textContent设置文本、也无法监听子节点变化；在HTML5中尾部斜杠可省略，原生推荐无斜杠写法 |
| meta | metadata，元信息，用于定义文档的元数据，如字符编码、描述等 | 在head元素中，提供文档的元数据 | <head><meta charset="UTF - 8"><meta name="description" content="这是一个示例页面"></head> | 属于void元素，语法上禁止出现结束标签，不允许包含任何内容；不支持CSS的::before/::after伪元素，无法用innerHTML注入内容、无法用textContent设置文本、也无法监听子节点变化；在HTML5中尾部斜杠可省略，原生推荐无斜杠写法 |
| param | parameter for plugin，用于为插件定义参数 | 在object元素中，为嵌入的插件设置参数 | <object data="flash.swf"><param name="quality" value="high"></object> | 属于void元素，语法上禁止出现结束标签，不允许包含任何内容；不支持CSS的::before/::after伪元素，无法用innerHTML注入内容、无法用textContent设置文本、也无法监听子节点变化；在HTML5中尾部斜杠可省略，原生推荐无斜杠写法 |
| source | media source，用于为媒体元素（如video、audio）定义多个媒体资源 | 在video或audio元素中，提供多个媒体源供浏览器选择 | <video><source src="video1.mp4" type="video/mp4"><source src="video2.webm" type="video/webm"></video> | 属于void元素，语法上禁止出现结束标签，不允许包含任何内容；不支持CSS的::before/::after伪元素，无法用innerHTML注入内容、无法用textContent设置文本、也无法监听子节点变化；在HTML5中尾部斜杠可省略，原生推荐无斜杠写法 |
| track | track for media，用于为video或audio元素指定字幕等轨道 | 在video或audio元素中，添加字幕、章节等轨道 | <video><source src="movie.mp4" type="video/mp4"><track kind="subtitles" src="subtitles.vtt" srclang="en"></video> | 属于void元素，语法上禁止出现结束标签，不允许包含任何内容；不支持CSS的::before/::after伪元素，无法用innerHTML注入内容、无法用textContent设置文本、也无法监听子节点变化；在HTML5中尾部斜杠可省略，原生推荐无斜杠写法 |
| wbr | word break opportunity，文本中的可选换行符，用于指定在何处可以换行 | 在文本内容中，指定可选的换行位置 | long - word<wbr>is here | 属于void元素，语法上禁止出现结束标签，不允许包含任何内容；不支持CSS的::before/::after伪元素，无法用innerHTML注入内容、无法用textContent设置文本、也无法监听子节点变化；在HTML5中尾部斜杠可省略，原生推荐无斜杠写法 |