在HTML中什么是自闭合标签，常见的自闭合标签有哪些？

大家好，之前前几期文章给大家讲解了一些标签是成对存在的，都有一个起始符号和结束符号。如果细心观察的话可以遇到一些单个的符号，然而并没有结束符号。这些符号又称为什么呢？

在HTML中，标签分为两种：一般标签（一般成对出现）和自闭合标签；

一般标签和自闭合标签有什么区别：

自闭合标签

元日

爆竹声中一岁除，春风送暖入屠苏。

千门万户曈曈日，总把新桃换旧符。

通过上边代码我们可以看出，一般标签内都存在内容的，也就是说可以插入别的标签或者文字等，而自闭合标签不能插入别的东西。

通过对比我们就可以简单区分一般标签和自闭合标签：

1、一般标签成对出现，中间可以插入别的标签或者内容。

2、自闭合标签单个出现，只能定义一些属性，不能插入别的标签或者内容。

例如

常见的自闭合标签：

自闭合标签

meta：定义页面说明，方便网络引擎搜索

link:连接外部CSS文件或者脚本

base：页面所有连接的基础定位

br：换行

hr:水平线

input:定义表单元素

img:图像标签

常见自闭合标签

这些标签便是自闭合标签，大家可以去理解，方便后期使用。通过简单的对比大家都能快速理解一般标签和自闭合标签，大家对HTML的内容又多了一份掌握。有什么问题大家可在下方评论区互动，我会一一解答。

非自闭合标签必须有开始标签和结束标签，而自闭合标签没有闭合标签。

在w3c不同的规范中，对标签的闭合检查也是不一样的。

XHTML最为严格，必须在自闭合标签中添加"/"。在HTML4.01中，不推荐在自闭合标签中添加“/”。而HTML5最宽松，填不添加都符合规范。

HTML中所有的自闭合标签如下：area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr

如：

错误的语法:

<a href="xxx" title="demo" />

<img src="xxx" alt="demo"></img>

那个软件还没那个强大的识别你文件中哪个是php代码，哪个是html代码把，所以别难为你的Notepad了？不过有个插件，zencoding，可以很方便的嵌入html和css，甚至属性也能自动嵌入，应该可以满足你的需要。。。

---