4.7 自闭合标签
来源:网络作者:站长
所谓闭合标签就是指标签有开始,有结束,在html当中,很多标签都是成对出现的,但也有一些是没有结束标签的。例如前面我们有讲到的<br />和<hr />就是自闭合标签。
常见的自闭合标签
| 标签 | 定义 |
|---|---|
| <meta /> | 定义页面说明,方便网络引擎搜索 |
| <link /> | 连接外部CSS文件 |
| <br /> | 换行 |
| <hr /> | 水平线 |
| <img /> | 图像标签 |
举例:
<!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>等空标签可以不用自闭合。
你觉得文章内容怎么样
时光之美
致我未来的女友
第一次就随便写点东西