css - HTMLページ内のカスタムタグ（xmlなど）？

Question

重複の可能性:
カスタムタグ…なぜでしょうか?

HTML でカスタム タグを使用するのはなぜ悪い習慣なのですか?

ここのコード: http://jsfiddle.net/ZXr2L/1/はブラウザーで問題なく動作します。

Web ページで 100 個のランダムな単語のスタイルを設定する必要がある場合<hg></hg>、<span class="hg"></span>. CSS は、これらのカスタム タグでも問題なく機能します。唯一の問題は、W3 HTML の有効性です。

Answer 1

HTML でカスタム タグを使用することがなぜ悪い習慣なのか

あなたはあなた自身の質問に答えました。

唯一の問題は、W3 HTML の有効性です。

将来、他の誰かがあなたのコードで作業する必要がある会社で働いていますか? 将来のブラウザがあなたのカスタム タグで問題ないと確信できますか? 古いブラウザーがそれらを処理できると確信できますか?

標準は明らかに破られる可能性があり、自分のやり方で物事をやりたいのであれば、破ることができます。ただし、標準はまさにそれです-標準。それらを順守することで、うまくいかないときの問題を回避でき、コードが可能な限り最高の品質であることを保証できます。

Answer 2

IE でフィドルをテストすると、答えが得られるはずです。

html で定義されたタグはブラウザーによって理解されますが、カスタム タグはブラウザーにとって意味がなく、機能しないことは明らかです。カスタムタグを作成する必要がある場合は、次のような JavaScript を使用してこれを行う必要があります。document.createElement('custom-tag');