“b”要素:特別なテキスト

要素について

“b”要素は重要性を伝える必要がなく、また引用や定義といった意味合いもないが注目させたいテキストを表します。

文章中のキーワードやレビュー記事の中の製品名、記事のリード文などに用いることができます。

他に適切な要素(重要性の高いテキストは“strong”要素、強調したいテキストは“em”要素、特定の関連性を持って強調したいテキストは“mark”要素など)がある場合はその要素を使用します。

サンプルコード

<p><b>一度使ったら手放せない、もう掃除ロボットのレビュー。</b></p>
<p>実はつい先日、掃除ロボット“<b>サンバ</b>”を購入しました。今回は使ってみた感想などを書いていこうと思います。</p>


一度使ったら手放せない、もう掃除ロボットのレビュー。

実はつい先日、掃除ロボット“サンバ”を購入しました。今回は使ってみた感想などを書いていこうと思います。

一般的なブラウザでは“b”要素の内容は太字で表示されます。

属性と値

“太字”を表す

HTML4まで

HTML4までは“b”要素はスタイリング用の要素の一つで太字にするための要素でした。HTML5でも一般的なブラウザでは“b”要素の内容は太字で表示されますが、太字にする目的で使用するのは適切ではありません。

代替方法

特別な意味を持たせることなく太字にしたい場合は“span”要素などにスタイルシートの“font-weight”プロパティで指定します。

.text-bold {

font-weight: bold;

}

<p>特に意味のないテキストだが<span class="text-bold">この部分</span>だけは太字にしたかったのでスタイルシートで太字にしてみた。</p>


特に意味のないテキストだがこの部分だけは太字にしたかったのでスタイルシートで太字にしてみた。

仕様書

“b”要素はHTML2.0から定義されている要素です。意味が変更されましたが現行の仕様であるHTML Living Standardでも定義されています。

定義されている仕様書

<b>

DOMインターフェース

“b”要素は“HTMLElement”インターフェイスを使用します。

UAスタイルシート

@namespace url(http://www.w3.org/1999/xhtml);

p {

font-weight: bolder;

}