我已经阅读了this主题，但我仍然有疑问。 有没有办法定义 void 标签？
我试过这个：
<icon class="home"/> (know that slash isn't obligatory)
但是，如果这个标签FF关闭后还有文字内容的话。
<icon class="home"/> Go home
制作
<icon class="home">Go home</icon>
我应该在某个地方定义标签是 void-element 吗？还是用 HTML5 做不到？
【问题讨论】：
i 标签作为图标——这是“错误的”，但它确实有效。但是，有一些非常先进的东西可以让你做到这一点。简而言之，如果您在学术上提问，这是 HTML 令人兴奋的新部分，如果您在实践中提问，请不要！ :)
这目前不是一个答案，因为它没有完全解决问题，但它不适合评论部分。
如果解析为 html5 规范，浏览器会忽略 /> 中的 /（MathLM 和 SVG 的 foreign elements 除外，因为对于此 模块的元素他们的规格有自封闭元素，所以它需要保持有效）
规格的相关部分：
（浏览器应该如何处理丢失的标签以及它们忽略/的相关部分丢失了，我需要查一下）
如果元素是void element，则不会生成结束标签，因为它不需要。
对于其他元素，如果缺少结束标记，则会创建它。 所以如果你写这样的东西：
<div>
<div/>test
</div>
这会导致
<div>
<div>test</div>
</div>
因为/ 被忽略了。
自定义元素默认为non-void。我知道Custom Elements 有一个草稿，但老实说，我不知道某些浏览器是否已经支持它。但即使是这样，你也会遇到向后兼容的问题。所以我不建议使用它。
即使这样定义一个不以x- 为前缀的标签名称也是一个坏主意，因为如果稍后使用您选择的名称的规范添加一个元素，并且如果它具有其他含义，您将遇到问题。
只要我有时间查看规格，我就会提供相应的缺失部分来证明这一点。
【讨论】：
你不应该定义自己的 HTML 标签，句号。
HTML 很有用，因为它是一组公认的标签含义。
（例如，浏览器使链接可点击，因为我们已经同意（通过 HTML 规范）<a> 标记是指向另一个页面的链接。）
您可以创建自己的标签，但它们对除您自己以外的任何人都没有任何意义。
出于给定目的，这可能没问题，但您实际上不再使用 HTML。
【讨论】：
<div class="foo"> 汤。
<my-icon name="foo"> 而不是<span class="my-icon" data-name="foo"> 有什么问题？我可能会避免在常规网站中使用此类自定义标签，但如果您正在制作 hml5 应用程序，我不明白为什么自定义标签会造成任何伤害。