HTML中的空元素

一、总结

一句话总结：

空元素的定义：类似于<img >这种没有元素内容和标记的元素就称为空元素，也称自闭合元素。

1、html中常见的空元素标签？

img标签、link标签、br标签、hr标签

二、HTML中的空元素

博客对应视频位置：1、空元素
https://fanrenyi.com/video/3/18

转自或参考：HTML中的空元素
https://www.cnblogs.com/L231/articles/9195413.html

1. HTML中，从开始标签到结束标签的所有代码，被称为HTML元素。元素的内容是开始标签与结束标签之间的内容。举个例子：在HTML中我们经常能遇到像 <img > 这样的没有结束标签的元素，<img >就是一个空元素。

2. 空元素的定义：类似于<img >这种没有元素内容和标记的元素就称为空元素，也称自闭合元素。

一个空元素（empty element）可能是 HTML，SVG，或者 MathML 里的一个不可能存在子节点（例如内嵌的元素或者元素内的文本）的element。

3.下面介绍几种常用的空元素：

<img > 标签就是用来连接图像文件的。<img> 标签有两个的属性：src属性和alt属性。其中 src属性是必须要有的，表示图像文件的路径，即 URL。

alt 属性指定了替代的文本内容，在图像无法显示或者用户禁用图像显示时，代替图像显示在浏览器中的内容。也可以理解为这里的文本内容就是用来描述图像文件的，当图像无法正常在浏览器中显示时，用文本来描述。

　 <link> 是外部链接样式表，只能存在于head里面，可以出现多次，是非常重要的一个空元素。

             具体写法：     <head>
                                   <link rel="stylesheet" type="text/css" href="css样式表的路径" />
                          </head>

<br> 主要用来在页面中换行，没有任何语义，一般用到的地方相对较少。

<hr> 主要功能是：在页面中制造一个分割线，没有任何语义。

当然空元素还有其他的，这里只是举例四个比较常见的，空元素相对于其他元素都有其自身非常显著的特点和功能，在html中空元素也是比较容易理解和应用的元素。