自闭合标签
所谓闭合标签就是指标签有开始,有结束,在html当中,很多标签都是成对出现的,但也有一些是没有结束标签的。例如前面我们有讲到的<br />和<hr />就是自闭合标签。
常见的自闭合标签
标签 | 定义 |
---|---|
<meta /> | 定义页面说明,方便网络引擎搜索 |
<link /> | 连接外部CSS文件 |
<br /> | 换行 |
<hr /> | 水平线 |
<img /> | 图像标签 |
举例:
1
2
3
4
5
6
7
8
9
10
11
12
13
14 |
<!DOCTYPE html> < html lang = "zh" > < head > < meta charset = "utf-8" > < title >4.7 自闭合标签</ title > < link rel = "stylesheet" type = "text/css" href = "base.css" /> </ head > < body > < p >一笔写不尽纳兰情,半生书不完痴心梦。作为满族第一位大诗人,的词是十七世纪下半页,中国艺苑上放出的绝美之花...</ p > < br /> < hr /> < img src = "nlxd.jpg" alt = "纳兰性德" /> </ body > </ html > |
运行浏览器后得到的效果如图
为了得到验证,现在将此段代码(以上代码中除了<mate>没有使用/,其他都使用了)复制到w3c验证器上去验证,得到结果如图所示:
附加说明:在 XHTML 中,这些标签都是必须要正确关闭的,因为规则比较严。但在HTML5语法规则中,<br> <img> <input> <meta>等空标签可以不用自闭合。
你觉得文章内容怎么样