您当前的位置:首页 > 网络教程 > HTML教程

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>等空标签可以不用自闭合。

你觉得文章内容怎么样

阿里云代金券 100 云产品通用

有效期30天 首购用户

立即领取
阿里云代金券 100 云产品通用

有效期30天 复购+升级

立即领取