例えば、HTMLタグで定義されていない card
というタグ名を作成したいとき、
<card>カード</card>
このような感じで書けば、検証した限り、IE9を含むすべてのブラウザで正常に動作するのが確認できました。
いろいろ調べて見ると、Custom Elementのついての記事ばかりで、独自タグについて言及している記事はなかなか見つかりません。
このような、独自タグを定義し使用することは仕様上大丈夫なのでしょうか?
例えば、HTMLタグで定義されていない card
というタグ名を作成したいとき、
<card>カード</card>
このような感じで書けば、検証した限り、IE9を含むすべてのブラウザで正常に動作するのが確認できました。
いろいろ調べて見ると、Custom Elementのついての記事ばかりで、独自タグについて言及している記事はなかなか見つかりません。
このような、独自タグを定義し使用することは仕様上大丈夫なのでしょうか?
DOM の仕様では HTMLUnknownElement
という要素が定められていて、不明な要素を扱うことができます。
https://html.spec.whatwg.org/multipage/dom.html#elements-in-the-dom
そのため、現時点では不明な要素を利用しても問題なく動作すると思います。
しかしながら、将来的に新しい要素が追加される可能性があります。この時に名前がかぶってしまうと意図しない動作になる可能性があります。
将来のことを考えると「独自タグを使うべきではない」と言えるでしょう。