Movatterモバイル変換


[0]ホーム

URL:


  1. 開発者向けのウェブ技術
  2. HTML
  3. リファレンス
  4. 要素
  5. <b>

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。

View in EnglishAlways switch to English

<b>: 注目付け要素

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年7月⁩.

<b>HTML の要素で、要素の内容に読み手の注意を惹きたい場合で、他の特別な重要性が与えられないものに使用します。これは以前は太字要素と呼ばれており、ほとんどのブラウザーでは文字列を太字で描画していました。しかし、<b> を文字列の装飾に使うべきではありません。太字の文字列を作成するには、 CSS のfont-weight プロパティを使用し、特別な重要性を持つテキストを示すには<strong> 要素を使用してください。

試してみましょう

<p>  この学校で最も人気のある 2 つの科学コースは、<b>化学</b>(化学物質や物質の合成について学ぶ)と<b>物理学</b>(物質やエネルギーの性質やプロパティについて学ぶ)です。</p>
b {  /* ここにスタイルを追加 */}

属性

この要素にはグローバル属性以外の属性はありません。

使用上のメモ

  • <b> は要約に現れるキーワード、レビュー文内での製品名、その他の普通は太字で表現されるテキストの範囲(但し、特別な重要性を持たない部分)に使用してください。
  • <b> 要素を<strong>,<em>,<mark> 要素と混同しないでください。<strong> は特定の重要性を持った文字列を表し、<em> はテキストを軽く強調し、<mark> は特定の関連性を持った文字列を表します。<b> はそのような特別な意味を持ちません。他の要素が持つ意味合いに合わないときのみ使用してください。
  • 同様に、<b> 要素でタイトルや見出しをマークしないでください。この用途ではh1 からh6 タグを使用てください。さらに、スタイルシートでこれらの要素の既定のスタイルを変更できるので、これらの要素は太字で表示されるとは限りません
  • 必要に応じて追加的な意味情報を伝える目的で<b> 要素にclass 属性を使用することはよい使用法です(例えば、段落の最初の文に<b> を設定するなど)。これによって、<b> の様々な使用法が管理しやすくなり、スタイル上の変更が必要になった時、 HTML における使用方法を変更する必要がなくなります。
  • 歴史的に<b> 要素は太字の文字列を作るためのものでしたが、 HTML4 でスタイル情報が非推奨になったので<b> 要素の意味が変更されました。
  • <b> 要素の使用に意味上の目的がない場合は、文字列を太字にするために代わりに CSS のfont-weight プロパティの値を"bold" に設定してください。

html
<p>  この記事では、<b>テキストレベル</b>の要素についていくつか説明します。 <b>HTML</b> 文書内でのそれらの使用法について説明します。</p>キーワードは、この要素の既定のスタイルで、<b>おそらく太字で</b>表示されます。

結果

技術的概要

コンテンツカテゴリーフローコンテンツ,記述コンテンツ, 知覚可能コンテンツ
許可されている内容記述コンテンツ
タグの省略なし。開始タグと終了タグの両方が必須です。
許可されている親要素記述コンテンツを受け入れるすべての要素
暗黙の ARIA ロールgeneric
許可されている ARIA ロールすべて
DOM インターフェイスHTMLElement

仕様書

Specification
HTML
# the-b-element

ブラウザーの互換性

関連情報

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2025 Movatter.jp