SHU BLOG

BLOG NEWS ブログ

TITLE

【HTML】b要素の使い方 、「注意(他と区別)」を意味する要素

SHU[シュウ]

1991年生まれ九州の宮崎県育ち
高校卒業後、愛知県で自動車関係の
お仕事に5年間勤め、WEB業界に
転職致しました。
趣味:サッカー観戦、ゲーム、映画、漫画
基本インドアです!笑

シュウ
シュウ
今回は【HTML】b要素の使い方 、「注意(他と区別)」を意味する要素!
の解説になります!

こんな方に読んでほしい

  • HTMLを学び始めた方へ
  • HTMLについて学びたい方へ
  • 今回はb要素(注意、他と区別)について解説しております。

b要素とは、「注意、他と区別」を意味する要素になります。
通常のテキストと異なる場合に使用します。

前回は、i要素、「専門用語・人物の思考」を意味する要素について解説しました。
i要素についての解説はコチラから

ChromeChromeSafariSafariFirefoxFirefoxIEIEEdgeEdge

b要素について

b要素について

b要素とは、「注意、他と区別」を意味する要素になります。
bで、囲んだ際には「太字(font-weight: bold)」で表示されます。
その文章は太字になりますが、重要であるという意味にはなりません。

よく使用される箇所としては、「キーワード」「記事のリード文」などが多いです。
書き方は以下のようになります。

b要素

例1:キーワード

  • 開催場所:○○○○
  • 開催日時:○○○○
  • 参加資格:○○○○

例2:記事のリード文

b要素とは

「注意、他と区別」を意味する要素になります。

<b>例1:キーワード</b>
<ul>
	<li><b>開催場所:</b>○○○○</li>
	<li><b>開催日時:</b>○○○○</li>
	<li><b>参加資格:</b>○○○○</li>
</ul>

<b>例2:記事のリード文</b>
<h3>b要素とは</h3>
<p><b>「注意、他と区別」を意味する要素になります。</b></p>
似たような要素について
  • strong
    解説の記事ありますよ
    「重要」を意味する要素になります。
    テキストが太字で表示します。
  • em
    解説の記事ありますよ
    「強調」を意味する要素になります。
    テキストが斜体で表示します。
  • b
    「注意(他と区別)」を意味する要素になります。
    注意(他と区別)してほしいテキストに使用します。
  • i
    解説の記事ありますよ
    「人物の思考、専門用語、他言語」を意味する要素になります。
    通常のテキストと異なる場合に使用します。
  • mark 
    解説の記事ありますよ
    「ユーザーの操作によって目立たせる」を意味する要素になります。
    目立たせたいテキストに使用します。

CSSで整える

CSSで整える

「b」要素に対してブラウザではデフォルトでfont-weight: bold(太字)が適用されております。
CSSでは、太字を解除、文字色の変更も可能になります。

b {
  color: red; /*文字色を赤に*/
  font-weight: normal; /*文字の太さをノーマル*/
}

関連記事

strong要素【HTML】strong要素の使い方、テキストに重要性を示そう
em要素 【HTML】em要素の使い方 、「強調」を意味する要素
i要素 【HTML】i要素の使い方 、「専門用語・人物の思考」を意味する要素

まとめ

今回はこれで以上です。

POINT
  • b要素とは、「注意(他と区別)」を意味する要素になります。
  • よく使用される箇所としては、「キーワード」「記事のリード文」などが多いです。
  • CSSで、太字の解除、文字色の変更も可能になります。
ChromeChromeSafariSafariFirefoxFirefoxIEIEEdgeEdge
スポンサーリンク

SHU

1991年生まれ九州の宮崎県育ち高校卒業後、愛知県で自動車関係のお仕事に5年間勤め、WEB業界に転職致しました。
趣味:サッカー観戦、ゲーム、映画、漫画基本インドアです!笑
つくる、しあわせをテーマとして主にWEBに関する様々な情報を発信しています。

最新記事

関連記事

オススメ記事

月別アーカイブ

Portfolio

page_top