• :绿叶现版本暂时不再更新维护,全新版本已经在开发中,新系列图书(暂时8本,后面再续)也将于12月后陆续出版,敬请期待~

4.8 自闭合标签

一、什么叫自闭合标签?

在之前的章节我们说过,大多数标签都是成对出现,都有一个开始符号和结束符号。但是细心的同学会看到,有些标签是没有结束符号的,例如刚刚学的<br/>标签和<hr/>标签。

那自闭合标签和一般标签有什么区别呢?我们先看一段代码:

 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta  http-equiv="content-type" content="text/html;charset=gb2312"/>
</head>
<body>
    <div>
        <h3>绿叶学习网</h3>
        <hr/>
        <p>让这里的一切成为衬托你成功的绿叶</p>
    </div>
</body>
</html>

从这一段代码我们可以看出来,<div>标签的开始符号和结束符号之间是可以插入其他标签或文字的,而<meta/>标签和<hr/>标签不能插入任何其他标签,只能定义它自身有的属性。

现在我们可以总结出来了:

  • (1)一般标签由于有开始符号和结束符号,可以在标签内部插入其他标签或文字;
  • (2)自闭合标签由于没有结束符号,没办法在内部插入其他标签或文字,只能定义自身的一些属性。

二、常见的自闭合标签

1、<meta/>

定义页面的说明信息,供搜索引擎查看。

2、<link/>

用于连接外部的CSS文件或脚本文件。

3、<base/>

定义页面所有链接的基础定位。

4、<br/>

用于换行。

5、<hr/>

水平线。

6、<input/>

用于定义表单元素

7、<img/>

图像标签。

这些标签是方便大家了解,不是供你记忆。这样划分,就把HTML各种标签分为了一般标签和自闭合标签,从而使得大家也对HTML标签有了更深入的了解。

:本站所有教程均为原创,大部分已经与人民邮电出版社合作出版,禁止转载和抄袭,否则绿叶学习网和人民邮电出版社必将追究法律责任,附录:互联网著作权保护法。【法律顾问:张俊律师】

小伙伴们也可以加一下QQ群,在“群文件”中可以获取更多学习资源和配套资源,以及跟其他小伙伴交流,站长也在群内。

(1)QQ群:593173594(暗号:lvye

(2)绿叶学习网常见问题解答

回到顶部