什么叫自闭合标签?
(1)一般标签由于有开始符号和结束符号,可以在标签内部插入其他标签或文字;
(2)自闭合标签由于没有结束符号,没办法在内部插入其他标签或文字,只能定义自身的一些属性。
非自闭合标签必须有开始标签和结束标签,而自闭合标签无需闭合标签。在w3c不同的规范中,对标签的闭合检查也是不一样的。XHTML最为严格,必须在自闭合标签中添加”/“。在HTML4.01中,不推荐在自闭合标签中添加“/”。而HTML5最宽松,填不添加都符合规范。有些标签是可闭合也可以不闭合,但是这些最好还是闭合,虽然代码简化了,但是可读性会变的很差。
常见的自闭合标签
1、<meta/>
定义页面的说明信息,供搜索引擎查看。
2、<link/>
用于连接外部的CSS文件或脚本文件。
3、<base/>
定义页面所有链接的基础定位。
4、<br/>
用于换行。
5、<hr/>
水平线。
6、<input/>
用于定义表单元素
7、<img/>
图像标签。
推荐工具
VS Code编辑器,推荐插件名称: Auto Close Tag
,当你输入一个开始标签后,工具自动键入结束标签。另外再推荐一个插件名称: Auto Rename Tag
,修改一个开始标签名字,结束标签也自动修改。