<b>: B 要素
最終更新：2026-10-13
<b>B 要素
重要度や強調の意味を持たせずにテキストを太字で表示します。視覚的な強調（キーワード・商品名など）にのみ使います。
| カテゴリ | 書式 |
|---|---|
| コンテンツモデル | フレージングコンテンツ |
| 許可される親要素 | フレージングコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </b> タグ |
| ステータス | 標準 |
📝 構文
<b>太字テキスト</b>▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <b> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： <b> には意味がなく見た目だけを変えます。本当に重要なテキストには <strong> を使いましょう。
❓ よくある質問
Qb と strong の違いは何ですか？
A
<b> は見た目を太字にするだけで、意味を持ちません。一方 <strong> は内容の「重要性・深刻性・緊急性」を表し、スクリーンリーダーはより強いトーンで読み上げます。キーワードや製品名など、純粋に見た目だけの太字には <b> を、警告や要点には <strong> を使いましょう。Qb タグは廃止されましたか？
Aいいえ。
<b> は HTML5 でも有効で、「特に重要性のないキーワードの視覚的強調」と再定義されています。ただし、テキストが本当に重要なら <strong> を使うべきです。見出し的な強調であれば、CSS の font-weight で制御する方がおすすめです。QCSS で b タグを代用できますか？
Aできます。太字が純粋に視覚的な装飾であれば、CSS の
font-weight: bold を <span> やクラス名と組み合わせる方が柔軟で、後からスタイルを変えても HTML 構造を触らずに済みます。<b> の強みは「注目に値するテキスト」という意味をマークできる点です。🏷️ 関連タグ
💡 関連ケース
📚 関連チュートリアル
