＜b要素＞ - 太字

公開日: 2017/02/09

b要素は、太字を表す要素です。bはBoldから来ています。記事におけるキーワードや、レビューにおける製品名など、他の文章と区別したい部分をマークアップするのに適しています。この要素には重要性や強調性といった意味はありません。そういった意味付けを行なうには、em要素やstrong要素を使って下さい。

概要

名前

b (Bold)

カテゴリー

Flow content

Phrasing content

Palpable content

配置できる場所

Phrasing contentが期待される場所。

コンテンツモデル

Phrasing content。

タグの省略

開始タグも終了タグも省略できません。

DOM Interface

HTMLElement

デフォルトのスタイル

b {
	font-weight: bold;
}

仕様書

https://html.spec.whatwg.org/multipage/semantics.html#the-b-element

属性

グローバル属性

全てのタグで利用できるグローバル属性を指定できます。

サンプルコード

HTML

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>【デモ】＜b要素＞ - 太字</title>
		<link rel="canonical" href="https://syncer.jp/Web/HTML/Reference/Element/b/">
		<style>
			body {
				background-color: #fff ;
			}
		</style>
	</head>
	<body>

<p>b要素は、記事のキーワードやレビューの製品名などをマークアップできます。</p>

<p>今回は、大分県旅行で訪れた素晴らしい温泉を紹介します。<b>いちのいで会館</b>です。</p>
<p>ここではコバルトブルーに輝く温泉に入れたり、地元大分の郷土料理である団子汁を食べることができます。</p>

	</body>
</html>

デモを開く

</head><body>までを含めて下さい。

<!DOCTYPE html> <html> <head> <base href="/619/"> <meta charset="utf-8"> <title>【デモ】＜b要素＞ - 太字</title> <link rel="canonical" href="https://syncer.jp/Web/HTML/Reference/Element/b/"> </head> <body>

<p>b要素は、記事のキーワードやレビューの製品名などをマークアップできます。</p> <p>今回は、大分県旅行で訪れた素晴らしい温泉を紹介します。<b>いちのいで会館</b>です。</p> <p>ここではコバルトブルーに輝く温泉に入れたり、地元大分の郷土料理である団子汁を食べることができます。</p>

</div> <script>...</script> </body> </html>

<style>

body { background-color: #fff ; }

</style>

</script>