html - 你能在 HTML5 中定义自己的自闭合标签吗？

Question

我已阅读 this主题，但我仍然有疑问。有没有办法定义 void 标签？

我试过这个:

<icon class="home"/> (know that slash isn't obligatory)

但是，如果这个标签之后还有文字内容，FF会关闭它们。

<icon class="home"/> Go home

制作

<icon class="home">Go home</icon>

我应该在某处定义该标签是空元素吗？还是用 HTML5 做不到？

Answer 1

这目前不是答案，因为它没有完全解决问题，但它不适合评论部分。

/> 中的 / 如果解析为 html5 规范(MathLM< 的外来元素 除外)将被浏览器忽略 和 SVG，因为对于这个 modules 的元素，他们的规范有自封闭元素，所以它需要保持有效)

规范的相关部分:

• W3C - HMTL5 - Elements
• W3C - HMTL5 - Start tags

(浏览器应该如何处理丢失的标签以及它们忽略 / 的相关部分丢失了，我需要查一下)

如果元素是 void 元素，则不会生成结束标记，因为它不需要结束标记。

对于其他元素，如果缺少结束标记，则创建结束标记。所以如果你这样写:

<div>
    <div/>test
</div>

结果是

<div>
    <div>test</div>
</div>

因为 / 被忽略了。

自定义元素默认是非void。我知道有一份 Custom Elements 的草稿但老实说，我不知道某些浏览器是否已经支持它。但即使是，你也会遇到向后兼容的问题。所以我不建议使用它。

即便如此，定义一个不以 x- 为前缀的标签名称也是一个坏主意，因为如果稍后规范添加了一个元素，并使用您选择的名称，如果该名称具有其他含义，您将拥有一个问题。

一旦我有时间查看规范，我将提供相应的缺失部分来证明这一点。