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

使用您自己製作的元素不是有效的HTML。

從W3C spec：

作者必須不能使用的元素，屬性或屬性不是由本說明書或其他適用的規格允許值，因爲這樣做使得顯著更難的語言進行擴展在將來。

Answer 2

我不認爲你需要冒號。在他們的例子中，xtags（mozilla lib）或w3c spec都沒有顯示它們。 xtags：http://x-tags.org/ w3c：https://dvcs.w3.org/hg/webcomponents/raw-file/tip/explainer/index.html#decorators-example

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說，你可以自定義標籤，唯一的要求是，它包含了連字符，不冒號。