<b> …… 注意を引く強調表示テキストを表す

<b>タグは、注意を引く強調表示テキストを表す際に使用します。

b要素は強調表示を表しますが、重要性が高いという意味はありません。 別の声や異なる雰囲気という意味もありません。 単に“注意を引く・目立たせる”という実用的な目的のために使用する要素です。

例えば、 文書内のキーワード、レビューにおける製品名、ソフトウェアの実行ワード、記事のリード文など、 b要素に指定することでその部分のテキストが注意を引く内容であることを示せます。

■使用例

以下のサンプルは、b要素を使用してキーワードを強調表示しています。 重要という意味は与えていません。

<p><b>たまねぎ</b>と<b>とうもろこし</b>を用意します。</p>

■使用例

以下のサンプルでは、この場面に登場する小道具を強調表示するためにb要素を使用しています。

<p>
あなたは小さな部屋に入ります。
あなたの<b>ライトセイバー</b>が明るさを増します。
壁沿いを<b>ネズミ</b>が通り過ぎます。
</p>

■使用例

以下のサンプルは、b要素でニュース記事のリード文をマークアップしています。 これもb要素の適切な使い方です。

<article>
 <h2>ペットのウサギに「養子縁組」された子猫</h2>
 <p>
 <b class="lede">
 捨てられた6匹の子猫が、
 意外な新しい母親を見つけました。
 ペットのウサギです。
 </b>
 </p>
 <p>
 獣医看護師のメラニー・ハンブルさんは、生後3週間の子猫を自宅に引き取りました。
 </p>
 <p>
 子猫たちを迎えたのはペットのウサギ…
 </p>
</article>

■使用例

以下のサンプルでは、b要素で注意を喚起しようとしています。 注意を喚起したり重要性を表す目的でb要素を使用するのは不適切です。 このような場面では、b要素ではなくstrong要素を使用しなくてはなりません。

<p><b>警告!</b> 動物のオリに手を入れないでください。</p>

上記のサンプルは、strong要素を使用して以下のように書くべきでしょう。

<p><strong>警告!</strong> 動物のオリに手を入れないでください。</p>

より適切な要素がないか検討する

b要素は、他に適切な要素がない場合の最終手段として使用するべき要素です。 例えば、見出しにはh1-h6要素、 強勢強調にはem要素、 重要性にはstrong要素、 マーキングで強調表示されたテキストにはmark要素を使用します。

b要素は、必ずしもボールド体（太字）で表示されるわけではありません。 CSSを使用して様々なスタイルにすることができます。

■関連項目

Sponsors