空元素(Void Element)是 HTML 和 XML 中的一种特殊元素,它没有子元素,也没有结束标签。在 HTML 中,常见的空元素包括 <br>、<img>、<input>、<meta>、<link> 等。这些元素通常用来表示文档中的一些特殊内容,例如换行符、图像、表单控件、元数据等。
空元素的语法格式是在标签结尾处使用一个斜杠符号,例如 <br> 或 <input type="text" />。虽然在 HTML5 中,空元素的结束标签可以省略,但是建议为了兼容性和可读性,仍然保留斜杠符号。
空元素是由浏览器自动解析和渲染的,因为它们没有子元素和结束标签,所以浏览器可以自动关闭它们。在 HTML 中,空元素不允许添加子元素或内容,因为它们没有结束标签来定义子元素的范围。
使用空元素可以简化 HTML 代码,减少页面大小,提高页面加载速度。但是需要注意的是,空元素通常需要设置属性才能达到预期效果,例如 <img> 元素需要设置 src 属性才能显示图片。
全部的非空元素
<area>:定义图像映射中的可点击区域。
<base>:定义文档中所有链接的默认地址或默认目标。
<br>:插入一个换行符。
<col>:定义表格列。
<embed>:定义嵌入的内容,比如多媒体。
<hr>:插入一条水平线。
<img>:插入图像。
<input>:定义输入控件,如文本框、单选框、复选框等。
<keygen>:定义用于表单的密钥对生成器字段。
<link>:定义文档与外部资源之间的关系。
<meta>:定义文档的元数据,比如描述、关键词、编码方式等。
<param>:定义包含在 <object> 和 <applet> 中的参数。
<source>:定义多媒体资源。
<track>:定义用于 HTML5 音频和视频的文本轨道。
<wbr>:定义一个可能的换行符。