html - HTML5 有效的自定义标签/元素

Question

如何在 HTML5 中创建有效的自定义标签/元素？

示例 1：

<customTag attr1="val" attr2="val">
</customTag>

示例 2：

<my:customTag attr1="val" attr2="val">
</my:customTag>
<!-- attention to the COLON separator -->

谢谢。

Answer 1

我不认为你需要冒号。xtags (mozilla lib) 或 w3c 规范都没有在他们的示例中显示它们。xtags：http ://x-tags.org/ w3c：https ://dvcs.w3.org/hg/webcomponents/raw-file/tip/explainer/index.html#decorators-example

Answer 2

使用您自己组成的元素不是有效的 HTML。

来自W3C 规范：

作者不得使用本规范或其他适用规范不允许的元素、属性或属性值，因为这样做会使该语言在未来的扩展变得更加困难。

Answer 3

自定义元素是真正的 W3 DOM API，很快就会验证——老实说，在这种情况下不用担心验证，这无关紧要。自定义元素的规范正在 Firefox 和 Chrome 中积极实施 - 目前在夜间构建中。

您的标签名称中不需要冒号，这不是 XML 命名空间。但是，根据规范，标签需要在自定义元素名称中的某处有破折号：https ://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/custom/index.html

Answer 4

W3C 自定义元素规范说，您可以定义自定义标签，唯一的要求是它包含连字符，而不是冒号。