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中空元素也是比较容易理解和应用的元素。