Edit

Page

Page title:

Page body:

[1] [[HTML]] の [DFN[[CODE(HTMLe)[b]] 要素型]]の要素は、
[[内容]]を[RUBY[太字] [ボールド]]で表示するべきものです。

[2] 仕様書:
- [[HTML 4]]
-- [CSECTION[15.2.1 Font style elements: the [CODE(HTMLe)[TT]], [CODE(HTMLe)[I]], [CODE(HTMLe)[B]], [CODE(HTMLe)[BIG]], [CODE(HTMLe)[SMALL]], [CODE(HTMLe)[STRIKE]], [CODE(HTMLe)[S]], and [CODE(HTMLe)[U]] elements]]
<IW:HTML4:"present/graphics.html#edef-B">

[3]
:[[名前空間名]]:[CODE(URI)[[[http://www.w3.org/1999/xhtml]]]]
:[[局所名]]:[CODE(HTMLe)[b]]
:[[開始タグ]]:必須
:[[終了タグ]]:必須
:[[内容模型]]:[CODE(SGML)[(%[[inline]];)*]]
:出現できる文脈:[CODE(SGML)[%inline]] な文脈
:[[属性]]:
,属性名	,属性値	,既定値	,説明	,状態	,出典
,[CODE(HTMLa)[[[class]]]]	,	,	,[[級]]	,[HTML4] %[[coreattr]]
,[CODE(HTMLa)[[[dir]]]]	,	,	,[[書字方向]]	,[HTML4] %[[i18n]]
,[CODE(HTMLa)[[[id]]]]	,	,	,一意識別子	,[HTML4] %coreattr
,[CODE(HTMLa)[[[lang]]]]	,	,	,[[自然言語]]	,[HTML4] %i18n
,[CODE(HTMLa)[[[xml]]:lang]]	,	,	,自然言語	,[XHTML1]
,[CODE(HTMLa)[[[onclick]]]]	,	,	,	,[HTML4] %[[events]]
,[CODE(HTMLa)[[[ondblclick]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[onkeydown]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[onkeypress]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[onkeyup]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[onmousedown]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[onmousemove]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[onmouseout]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[onmouseover]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[onmouseup]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[style]]]]	,	,	,スタイル情報	,[HTML4] %coreattr
,[CODE(HTMLa)[[[title]]]]	,	,	,注釈的題	,[HTML4] %coreattr

** 代替

[8] この要素型は'''[RUBYB[非推奨] [deprecated]]'''ではありませんが、
'''[RUBYB[推奨されません] [discouraged]]''' [SRC[HTML 4 15.2]]。
代わりに、[[スタイル・シート]]を利用できます。

[9] 太字にするためには、 [[CSS]] なら [SAMP(CSS)[[[font-weight]]]]
特性を利用できます。

太字にする理由が強調であるなら、 [CODE(HTMLe)[[[em]]]]
要素型や [CODE(HTMLe)[[[strong]]]] 要素型を使うのが適当です。
特に見出しであるなら [CODE(HTMLe)[[[h[VAR[n]]]]]],
定義語であるなら [CODE(HTMLe)[[[dfn]]]] など、
適当な要素型が用意されているかもしれません。

* 意味

[23] [[ベクトル]]を表すとき、 ([[MathML]] を使うほどではない時) 
[CODE(HTMLe)@en[[[b]]]] [[要素]]とすることができます。

[SEE[ [[太字]] ]]

** 応用

[4] [CODE(HTMLe)[b]] 要素は、フォント・スタイル要素の一種です。
フォント・スタイル要素のレンダリングは [[UA]]
依存で、仕様書では規定されていませんが、[RUBYB[参考] [informative]]として、
[RUBYB[太字] [bold]]スタイルでレンダリングするとされています。
他のフォント・スタイル要素も含めて入れ子の場合のレンダリングは UA
依存です。 [SRC[HTML 4 15.2.1]]

[5] [CODE(HTMLe)[b]] はいわゆる[[物理要素]]で、
論理的・構造的意味は持たないのですが、
[Q[太字]]という物理的意味さえ伝わることが保証されないということです。

[6] 多くの[[視覚UA]] では、 [CODE(HTMLe)[b]] 要素の内容を太字でレンダリングします
(想定通り)。

[CODE(HTMLe)[b]] 要素の中に [CODE(HTMLe)[[[i]]]] 要素を入れたり、
その逆にしたりすると太字 + [[斜体]]になるはずですが、
UA のレンダリング能力によってはいずれかだけになることもあります。

[7] 太字は、多くのシステムでは、[[重ね打ち]]や線の太さを増やすことで実現されます。
また、近代的なフォント環境では、太字専用のフォントが用意されていて、
そちらが利用されることもあります。

[[#comment]]

** 例

[10] 定義する用語をマークした例

>
[PRE(HTML deprecated example code)[
<[CODE(HTMLe)[p]]>[<[CODE(HTMLe)[a]] [CODE(HTMLa)[name]]="dt-traversal" [CODE(HTMLa)[title]]="Traversal">Definition</[CODE(HTMLe)[a]]>: Using or following a link for
any purpose is called '''<[CODE(HTMLe)[b]]>traversal</[CODE(HTMLe)[b]]>'''.]
]PRE]

このような場合は [CODE(HTMLe)[[[dfn]]]] 要素型を使う方が適当です。

出典: 
[CITE[XML Linking Language (XLink) Version 1.0]] 
<http://www.w3.org/TR/2001/REC-xlink-20010627/#dt-traversal>

[11] 小見出しのようなものをマークした例

>
[PRE(HTML deprecated example code)[
<[CODE(HTMLe)[div]] [CODE(HTMLa)[class]]="note"><[CODE(HTMLe)[p]] [CODE(HTMLa)[class]]="prefix">'''<[CODE(HTMLe)[b]]>Note:</[CODE(HTMLe)[b]]>'''</[CODE(HTMLe)[p]]>
<[CODE(HTMLe)[p]]>Most code examples in this specification do not show an XLink namespace
declaration.
]PRE]

このような場合は場面に応じて [CODE(HTMLe)[[[h[VAR[n]]]]]]
要素型か [CODE(HTMLe)[[[em]]]] 要素型か [CODE(HTMLe)[[[span]]]]
要素型を使う方が適切です。

出典:
[CITE[XML Linking Language (XLink) Version 1.0]] 
<http://www.w3.org/TR/2001/REC-xlink-20010627/#att-method>

[16]
よくわからないけどこんな例がありました:
[PRE(HTML bad example code)[
CADオペレーターで関東のアルバイト・求人情報一覧
]PRE]

;; [CITE@ja[CADオペレーターで関東のアルバイト・求人情報一覧:タウンワーク]] ([CODE[2007-06-11 22:23:53 +09:00]] 版) <http://townwork.net/h/r/Fh20010s_lac_01_jmc_01302_axc_03>

[17] [[漢字字典]]などでは、[[送り仮名]]を[[太字]]で示したり、逆に[[送り仮名]]でない部分を[[太字]]で示したりすることがあります。

[PRE(HTML example code)[
行う おこなう
]PRE]

[PRE(HTML example code)[
行う おこなう
]PRE]

[[太字]]ではなく、[[ハイフン]]や[[中黒]]などで区切れ目を示すこともあります。
[PRE(HTML example code)[
行う おこな‐う
]PRE]

* 歴史

** [CODE[b]] の誕生

[SEE[ [[語句化内容]] ]]

[22] [CITE[ncsa-mosaic/CHANGES at master · alandipert/ncsa-mosaic]]
( ([TIME[2014-04-07 05:39:55 +09:00]] 版))
<https://github.com/alandipert/ncsa-mosaic/blob/master/CHANGES#L1026>

[FIG(data)[ [12] [[HTML要素概説]]

:[F[要素名]]:[CODE[b]]
:借用先:[[HDML]]

]FIG]

** HTML5

[FIG(data)[ [216] [[HTML要素概説]]

:[F[要素名]]:[CODE[b]]
:日付:[TIME[2005-12]]
:説明:
[TIME[2005-12]]の [[Google検索]]のデータベースを使った調査によると、
[[要素]]の利用数第15位が
[CODE[b]]
だった。
:出典:
[REFS[

-
[CITE[Google Code: Web Authoring Statistics: Pages and elements]], 
[DATA(.author)[[[Ian Hickson]]]],
[TIME(.published)[2006]],
[TIME[2024-08-24T07:08:22.000Z]], [TIME[2006-02-03T03:49:06.745Z]] <https://web.archive.org/web/20060203033128/http://code.google.com/webstats/2005-12/pages.html>

]REFS]

]FIG]

[32] [[語句化内容]]も参照。

- [29] 
[CITE@en[inter-element whitespace and comments should not affect algorithms; b…]], [[Hixie]], [TIME[2006-12-22 10:07:05 +09:00]], [TIME[2022-11-13T05:27:11.000Z]] <https://github.com/whatwg/html/commit/7f75de99cdef5686b5812ce14c88759aa70ab207#diff-41cf6794ba4200b839c53531555f0f3998df4cbb01a4d5cb0b94e3ca5e23947d>
- [25] [CITE@en[finish off the element section (oops)]], [[Hixie]], [TIME[2006-12-22 10:14:06 +09:00]], [TIME[2022-11-13T05:28:37.000Z]] <https://github.com/whatwg/html/commit/19b2517f8a26cefb09615854b1a0056f4905f139#diff-41cf6794ba4200b839c53531555f0f3998df4cbb01a4d5cb0b94e3ca5e23947d>

[30] >>29 [CODE[i]], [CODE[b]], [CODE[div]] が同時追加

[14]
[CITE[SEO Blog - Search Engine Optimization Blog &#187; SEO Tip for HTML5]] ([CODE[2007-04-16 08:44:17 +09:00]] 版) <http://seo.has.no.com/2007/04/seo-tip-for-html5/>
([[名無しさん]] [WEAK[2007-04-15 23:48:12 +00:00]])

[26] [CITE@en['''['''a''']''' (0) Don't force people to use for speakers in conversations.]], [[Hixie]], [TIME[2009-09-16 07:32:23 +09:00]], [TIME[2022-11-13T05:30:38.000Z]] <https://github.com/whatwg/html/commit/1f4c94dd5c90b1f7b75e1372efb0f3ec6cf15799#diff-41cf6794ba4200b839c53531555f0f3998df4cbb01a4d5cb0b94e3ca5e23947d>

[31] 
[CITE@en['''['''e''']''' (0) Recommend use of class='__&&'&&__ with .]], [[Hixie]], [TIME[2010-03-30 06:48:03 +09:00]], [TIME[2022-11-13T05:31:25.000Z]] <https://github.com/whatwg/html/commit/f461ee53492dd51f409b43f4aaca317bb1a5a4c4#diff-41cf6794ba4200b839c53531555f0f3998df4cbb01a4d5cb0b94e3ca5e23947d>

[18] 
>
<a href="/wiki/%E6%A6%8A%E9%87%8E%E5%AD%A6%E5%9C%92" title="榊野学園" class="mw-redirect">榊野学園</a>が2学期に差し掛かった頃、図書委員の足利勇気は、自分より背が小さくちょっと気になる喜連川路夏と、<a href="/wiki/%E5%9B%B3%E6%9B%B8%E5%AE%A4" title="図書室" class="mw-redirect">図書室</a>をよく利用している桂言葉の存在に気付く。更にその日の帰り道、勇気は姉の知恵を通じて路夏と再び出会った。勇気と路夏は会話を交わす度に、惹かれ合っていく。

;; [CITE@ja[Cross Days - Wikipedia]] ([TIME[2010-06-11 00:45:15 +09:00]] 版) <http://ja.wikipedia.org/wiki/Cross_Days>

[19] [CITE@en[Web Applications 1.0 r6962 Add a clear warning that this isn't settled, to avoid any risk of biasing implementations.Fixing https://www.w3.org/Bugs/Public/show_bug.cgi?id=12154]]
( ([TIME[2012-02-01 16:10:00 +09:00]] 版))
<http://html5.org/tools/web-apps-tracker?from=6961&to=6962>

[20] [CITE[Bug 17895 – b and strong are font-weight: bolder in implementations, not font-weight: bold]]
( ([TIME[2012-09-25 21:27:34 +09:00]] 版))
<https://www.w3.org/Bugs/Public/show_bug.cgi?id=17895>

[21] [CITE@en[Web Applications 1.0 r7576 Change default rule for and to be 'bolder' rather than 'bold'.]]
( ([TIME[2012-12-10 14:53:00 +09:00]] 版))
<http://html5.org/tools/web-apps-tracker?from=7575&to=7576>

[FIG(quote)[
[FIGCAPTION[
[15] [CITE@ja[必ず覚えておきたいHTML5の特徴と新機能/HTML5完全読本#1-1 | HTML5完全読本―実践テクニックとWebデザインの最新動向 | Web担当者Forum]]
([[鈴木 雄太(株式会社トライフォート)]] 著, [TIME[2016-02-01 23:04:21 +09:00]] 版)
<http://web-tan.forum.impressrd.jp/e/2014/04/24/17355>
]FIGCAPTION]

> 	太字	キーワードなど、他と区別したいテキストを表す

]FIG]

[FIG(quote)[
[FIGCAPTION[
[24] [CITE@ja[税理士なら港区の税理士法人インテグリティ]]
( ([TIME[2016-06-14 12:03:00 +09:00]]))
<http://www.integrity.or.jp/>
]FIGCAPTION]

> 港区・渋谷区・新宿区の起業を支援する東京都港区の税理士法人インテグリティ東京事務所です。

]FIG]

[FIG(quote)[
[FIGCAPTION[
[27] [CITE@ja[ニウエ基礎データ | 外務省]]
([TIME[2017-03-28 18:01:32 +09:00]])
<http://www.mofa.go.jp/mofaj/area/niue/data.html>
]FIGCAPTION]

> <dt>首相</dt><dd>トケ・トゥフキア・タランギ(Toke Tufukia Talagi)(外相他兼任。他に閣僚3名)</dd>
>

]FIG]

[28] [CITE@en[Editorial: add "add an event listener" hook]]
([[annevk]]著, [TIME[2018-03-14 17:40:36 +09:00]])
<https://github.com/whatwg/dom/commit/2bdabb15de8112d9783cf393a3d6c37911149f77>

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Page name(s)