1 に答える
ほとんど違いはありませんが、セマンティックな意味がないため、おそらくdivorのspan方が適切でしょう。
マークアップは動的に構築されるため、ここではあまり節約していないため、bとdivまたはの長さの違いspanはまったく重要ではありません。
HTML仕様には次のように書かれています：
b 要素は、ドキュメントの要約のキーワード、レビューの製品名、実用的な言葉など、特別な重要性を伝えたり、別の声やムードを示唆したりすることなく、実用的な目的で注意を引くテキストのスパンを表します。インタラクティブなテキスト駆動型ソフトウェア、または記事のリードで。
b 要素は、他に適切な要素がない場合の最後の手段として使用する必要があります。特に、見出しには h1 から h6 要素を使用し、強勢強調には em 要素を使用し、重要性は strong 要素で示し、マークまたは強調表示されたテキストには mark 要素を使用する必要があります。
でも一方で、ニートネス以外のJSで制作する場合は本当に大差ありません。たとえば、 Twitter のブートストラップは恐ろしくiアイコンを使用しています。
ちなみに、これを行う「正しい」方法は、Shadow DOM を使用することです。これはかなりブランドスパンキングされた新しい方法ですが、selectタグと同じ方法で実装の詳細を隠すことができます (つまり、html にはselectandoption要素だけがありますが、背後にはより多くのシーンが進行中です)。
デモについては、新しいブラウザーでhttp://adobe.github.com/web-platform/samples/css-regions/shadow-dom/をチェックしてください。Chrome を使用している場合は、 で Developer Tools Experiments をオンにchrome://flags/してから、インスペクタ メニューで View Shadow DOM オプションをオンにします。これにより、ここで何が起こっているかがわかります。
つまり、要素を他のすべてから分離し、本質的に見えなくすることができます。通常どおりスタイルを設定できますが、CSS の残りの部分から分離することもできます。それらは、通常の方法でアドレス指定できないことを除いて、通常のものと同じように動作します。
もし私がこのプラグインを作っていたら、主にクールなものがクールだからという理由だけで、可能な限りシャドウドムをフォールバックspanやその他のものに使用したいと思います!b