5 に答える
正しい質問は、「私のコンテンツを最もよく表しているマークアップはどれですか?」です。
<b>タグから始めましょう(非推奨ではありません):
b 要素は、ドキュメントの要約のキーワード、レビューの製品名、または典型的なタイポグラフィ表現が太字になっているその他のテキストのスパンなど、余分な重要性を伝えることなく、通常の散文からスタイル的にオフセットされるテキストのスパンを表します。
...
より説明的で関連性の高いタグが利用可能な場合は、b および i タグを使用しないでください。それらを使用する場合は、通常、マークアップの意図された意味を説明するクラス属性を追加して、使用方法を区別できるようにすることをお勧めします。
...
b 要素または i 要素を、基本的に自動フォールバック スタイリングを備えた span 要素と考えると役立つ場合があります。span 要素と同様に、これらの要素が有用である場合、通常、これらの要素はクラス名の恩恵を受けます。
http://www.w3.org/International/questions/qa-b-and-i-tags
比較すると<strong>、より具体的な目的があります。
strong 要素は、重要度の高いテキストのスパンを表します。
http://www.w3.org/TR/html-markup/strong.html
例えば：
<p><strong>Warning.</strong> Here be dragons.</p>
ここでは、その重要性を強調するために「警告」という言葉を強調しています。
だがしかし：
<p><strong>Item 1:</strong> Foo, bar, and baz.</p>
「項目 1」は強調するためのものではないため<strong>、間違ったタグです。さらに、全体の構造をより適切に表現できる可能性があります。
テキストの意味が非常に重要な場合<strong>は、適切です (この行のように)。
おそらく、スタイルのために太いフォントが必要なだけで、テキストに特別な意味はありません。その場合、どちら<strong>も<b>適切ではないかもしれません。
<span class="product-name">Hello World</span>
.product-name { font-weight: bold; }
すべての場合:
- コンテンツを説明するマークアップを使用します。
- インライン スタイルを使用しないでください (外部スタイルシートを使用してください)。
- 視覚的表現に基づいてスタイルに名前を付けないでください (たとえば、スタイルに「ボールド」という名前を付けるのは適切な選択ではありません)。
<b>誰かがブラウザーで css をオフにしていても、正しく表示されるのでしょうか?
いいえ。ジョブに適切なマークアップを使用してください。サイトの視覚的表現を使用してスタイルシートを意図的に無効にすることはかなり珍しいことですが、非視覚的な消費者は主にドキュメントの構造に関心があります。「非視覚的消費者」は、コンテンツを解析する検索エンジンやスクリーン リーダー アプリケーションである可能性があります。
追加資料:
インライン スタイル<strong></strong>を使用するよりも、使用する方が優れたアプローチであることがわかりました。<b>