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 spec：

  

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

Answer 3

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

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

Answer 4

W3C Custom Element spec说，您可以定义自定义标记，唯一的要求是它包含连字符，而不是冒号。