6

好奇心から、要素に ID やクラスを使用する代わりに、JS でカスタム要素を作成し、CSS でスタイルを設定するだけで、サイトやページにどのような影響があるでしょうか?

例えば「コンテナ」という要素を作り、それを<container> ではなく >として使うと<div class="container">、性能差とかあるのでしょうか？

これが頻繁に使用されているのを見ていないのですが、なぜだろうと思っています。

4

4 に答える 4

2

HTML は標準化されているため、単純に新しい要素を発明することはできません。一部のブラウザーは、認識できない要素のテキスト コンテンツをレンダリングしますが、すべてのブラウザーがレンダリングするわけではありません。そのような場合、HTML は有効な HTML ではありません。

于 2011-11-01T13:37:11.620 に答える
2

それは、「英語の構文と文法を尊重しながら、すべての単語を構成するとどうなるか」と言っているようなものです。この考え方は良い詩にはなりますが、技術分野には向いていません ;)

HTML には、有効な一連のタグが定義されています。でっち上げたタグを使用した場合は無効となります。

さて、それはあなたがそれを逃れることができないという意味ではありません。World Wide Web では許しがデフォルトであるため、作成したタグを使用しても世界の終わりにはなりません... しかし、ブラウザがそれらをどのように処理するかについて保証がないため、それでも悪い考えです。タグ。

したがって、「要素に ID やクラスを使用する代わりに、JS でカスタム要素を作成し、CSS でスタイルを設定するだけで、ページにどのような影響があるでしょうか?」に対する唯一の本当の答えは? 何が起こる可能性があります。非標準の HTML 要素を使用することになるため、非標準の結果が得られることになります。

カスタム要素を本当に使用したい (および/または使用する必要がある) 場合は、XML を調べてください。XML では、タグを「作成」できますが、CSS を適用してブラウザーでドキュメントを開くこともできます。

たとえば、次の 2 つのファイルを保存し、ブラウザーで XML ファイルを開きます。

index.xml

<?xml-stylesheet href="style.xml.css"?>
<example>
 <summary>
     This is an example of making up tags in XML, and applying a stylesheet so you can open the file in a browser.
 </summary>
 <main>
     <container>This is the stuff in the container</container>
 </main>
</example>

style.xml.css

summary {
    display:none;
}
main container {
    border:2px solid blue;
    background:yellow;
    color:blue;
}
于 2011-11-01T14:27:21.723 に答える
1

HTML は定義された言語であり、要素とタグはフォーマット内で特定の意味を持ちます。ブラウザがそれらの要素を一貫性なくレンダリングする可能性があるだけでなく、ドキュメントの意味と構造が無効になるため、新しい要素を発明することはできません。

配信したいコンテンツにとって正しい意味を持つ要素を使用するのが最善です。スタイリングに汎用コンテナが必要な場合、正しい要素は div です。意味的な意味を提供する同様の要素もあります。正しい要素を選択するための支援として、HTML タグ インデックスと HTML5 ドクターをチェックすることをお勧めします。

<div class="container">...</div>あなたの簡単な説明からあなたが必要としているものに最も近いように聞こえます.

于 2011-11-01T13:46:57.037 に答える