有些HTML标签,比如<img />
、<input />
和<button />
,它们不需要结束标记(</img>
、</input>
和</button>
)。这种类型的标签被称为什么?
有些HTML标签,比如<img />
、<input />
和<button />
,它们不需要结束标记(</img>
、</input>
和</button>
)。这种类型的标签被称为什么?
<br />
、<hr />
、<img />
、<input />
等没有影响,并且对于foreign元素(例如SVG标签),它指定了一个被标记为自闭合的开始标签。对于所有其他标签(例如你问题中提到的<button />
),它不是有效的语法。XHTML 根据XHTML 规范,它被称为空元素的最小化标签语法:空元素的表示形式可以是立即后跟结束标记的开始标记,也可以是空元素标签。
一般而言,如果您想要更加准确,请使用相应标准中定义的名称。这样,如果其他人不确定您所说的内容,他们可以查阅标准以了解详情。但是,如果您不想使用标准中的名称,您可以自由地选择其他名称。重要的是与您交流的人能够理解您的意思。即使标准正式称其为其他名称,在XML文档中,如果您使用“自关闭标签”这个术语,我认为没有人会误解您。感谢 Alohci 提供的HTML5参考资料。C.2. 空元素
在空元素结尾的 / 和 > 之前包含一个空格,例如 <br />、<hr /> 和 <img src="karen.jpg" alt="Karen" />。同时,对于空元素使用最小化标签语法,例如 <br />,因为 XML 允许的 <br></br> 的另一种语法会导致许多现有用户代理产生不确定的结果。
C.3. 元素最小化和空元素内容
对于内容模型不为空的元素的空实例(例如,一个空标题或段落),不要使用最小化形式(例如,使用 <p> </p> 而不是 <p />)。
HTML标签可以分为两种类型。它们是:
成对标签
单独标签
成对标签:
如果文本被放置在标签和其伴侣标签之间,则称该标签为成对标签。在成对标签中,第一个标签称为开标签,第二个标签称为闭标签。
例如:
<i>
这段文字是斜体字。</i>
注意:这里的<i>
被称为开标签,而</i>
被称为闭标签。
单独标签:
单独标签没有伴侣标签。单独标签也称为单一或独立标签。
例如:<br>,<hr>
等。这些标签不需要任何伴侣标签。
像 p
, li
等可选的闭合标签。
值得一提的是,除了问题中提到的几个标签外,还有几个标签不需要闭合标签:当标准中指定的内容出现时,它们会自动关闭。
例如:
<body>
<p>abc
<p>def
</body>
等同于:
<body>
<p>abc
</p>
<p>def
</p>
</body>
p
标签在以下情况下都会关闭:
p
开始时p
的父元素关闭时这在 12.1.2.4 "Optional tags" 中有详细说明:https://html.spec.whatwg.org/multipage/syntax.html#optional-tags,但我认为除了 "具有可选结束标记的元素" 之外没有实际名称。
这被称为自闭合标签
HTML中有成对的标签和单独的标签。
单独的标签是打开的,不需要关闭。它们是独立存在的。
<img />, <input /> and <button />