/
652.txt
243 lines (175 loc) · 11.6 KB
/
652.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
[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)[
<b><strong>CADオペレーターで関東のアルバイト・求人情報一覧</strong></b>
]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)[
行う おこな<b>う</b>
]PRE]
[PRE(HTML example code)[
行う <b>おこな</b>う
]PRE]
[[太字]]ではなく、[[ハイフン]]や[[中黒]]などで区切れ目を示すこともあります。
[PRE(HTML example code)[
行う おこな‐う
]PRE]
* 歴史
[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>
[12]
[CITE[Matthew Thomas » Blog Archive » When semantic markup goes bad]] <http://mpt.net.nz/archive/2004/05/02/b-and-i>
([[名無しさん]] [sage])
[13]
[CITE[Re: contenteditable, <em> and <strong>]] ([[Henri Sivonen <hsivonen@...>]] 著, [CODE[2007-01-09 17:19:43 +09:00]] 版) <http://permalink.gmane.org/gmane.org.w3c.whatwg.discuss/8338>
> <em>, <strong>, <i> and <b> have all been in HTML for over a decade.
I think that’s long enough to see what happens in the wild. I think
it is time to give up and admit that there are two pairs of visually-
oriented synonyms instead of putting more time, effort, money, blog
posts, spec examples and discussion threads into educating people
about subtle differences in the hope that important benefits will be
realized once people use these elements the “right” way.
([[名無しさん]] [WEAK[2007-01-12 15:36:16 +00:00]])
- [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 <b> 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 » 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 <b> 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 <b>.]], [[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]
>
<p><a href="/wiki/%E6%A6%8A%E9%87%8E%E5%AD%A6%E5%9C%92" title="榊野学園" class="mw-redirect">榊野学園</a>が2学期に差し掛かった頃、図書委員の<b>足利勇気</b>は、自分より背が小さくちょっと気になる<b>喜連川路夏</b>と、<a href="/wiki/%E5%9B%B3%E6%9B%B8%E5%AE%A4" title="図書室" class="mw-redirect">図書室</a>をよく利用している<b>桂言葉</b>の存在に気付く。更にその日の帰り道、勇気は姉の<b>知恵</b>を通じて路夏と再び出会った。勇気と路夏は会話を交わす度に、惹かれ合っていく。</p>
;; [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 <b> and <strong> 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]
> <b> 太字 キーワードなど、他と区別したいテキストを表す
]FIG]
[FIG(quote)[
[FIGCAPTION[
[24] [CITE@ja[税理士なら港区の税理士法人インテグリティ]]
( ([TIME[2016-06-14 12:03:00 +09:00]]))
<http://www.integrity.or.jp/>
]FIGCAPTION]
> <p><strong>港区</strong>・<strong>渋谷区</strong>・<strong>新宿区</strong>の起業を支援する東京都港区の<strong>税理士</strong>法人インテグリティ東京事務所です。</p>
]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>トケ・トゥフキア・<span class="bold">タランギ</span>(<span lang="en">Toke Tufukia <span class="bold">Talagi</span></span>)(外相他兼任。他に閣僚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>