/
237.txt
285 lines (236 loc) · 10.1 KB
/
237.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
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
[1] [[HTML]] の [DFN[[CODE(HTMLe)[i]] 要素型]]の要素は、
[[内容]]を[RUBY[斜体] [イタリック]]で表示するべきものです。
[2] 仕様書:
- [[HTML 4]]
-- 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-I">
[3]
:状態:[[W3C]] [[勧告]]
:[[名前空間名]]:[CODE(URI)@en[[[http://www.w3.org/1999/xhtml]]]]
:[[局所名]]:[CODE(HTMLe)@en[i]] (はじめ [Q@en[[[italic]]]]
([Q[[[斜体]]]])、のち [Q@en[[[instance]]]]
([Q[[[実現値]]]]) より)
:[[開始タグ]]:必須
:[[終了タグ]]:必須
:[[内容模型]]:[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
[[#comment]]
** 代替
[8] この要素型は'''[RUBYB[非推奨] [deprecated]]'''ではありませんが、
'''[RUBYB[推奨されません] [discouraged]]''' [SRC[HTML 4 15.2]]。
代わりに、[[スタイル・シート]]を利用できます。
[9] 斜体にするためには、 [[CSS]] なら [SAMP(CSS)[[[font-style]]]]
特性を利用できます。
[PRE(CSS style example)[
[VAR@en[element-type]].[VAR@en[class-name]] {
[[font-style]]: [[italic]];
}
]PRE]
[10] [CODE(HTMLe)@en[[[i]]]] の代わりに使うべき[[要素型]]は、
その部分を[[斜体]]にしたかった理由によって決めます。
- '''強調''' → [CODE(HTMLe)@en[[[em]]]] または [CODE(HTMLe)@en[[[strong]]]]
-- [[HTML]] 部分の例
[PRE(HTML example code)[
It <em>is</em> important to separate structure and presentation.
]PRE]
-- [[CSS]] 部分の例
[PRE(CSS example code)[
em {
font-style: italic;
}
]PRE]
- '''書名''' → [CODE(HTMLe)@en[[[cite]]]]
-- [[HTML]] 部分の例
[PRE(HTML example code)[
In <cite>The Origin of Structured Markup Languages</cite>, page 231, ...
]PRE]
-- [[CSS]] 部分の例
[PRE(CSS example code)[
cite {
font-style: italic;
}
]PRE]
- '''引用文''' → [CODE(HTMLe)@en[[[q]]]] または
[CODE(HTMLe)@en[[[blockquote]]]]
-- [[HTML]] 部分の例
[PRE(HTML example code)[
He said that...
<blockquote>
<p>WYSIWYG is not the only solution.</p>
</blockquote>
]PRE]
-- [[CSS]] 部分の例
[PRE(CSS example code)[
blockquote {
font-style: italic;
}
]PRE]
- '''他の言語''' → [CODE(HTMLe)@en[[[span]]]]
([CODE(XMLa)@en[[[xml]]:[[lang]]]] [[属性]]つき)
-- [[HTML]] 部分の例
[PRE(HTML example code)[
<abbr>A.D.</abbr> stands for <span xml:lang="la">Anno Domini</span>.
]PRE]
-- [[CSS]] 部分の例
[PRE(CSS example code)[
:lang(la) {
font-style: italic;
}
]PRE]
- '''数式の変数''' → [CODE(HTMLe)@en[[[var]]]] または [[MathML]]
の[[要素型]]
-- [[HTML]] 部分の例
[PRE(HTML example code)[
...where <var>n</var> is the number of nodes in the tree.
]PRE]
-- [[CSS]] 部分の例
[PRE(CSS example code)[
var {
font-style: italic;
}
]PRE]
- '''船の名前'''
-- 適当な[[要素型]]が無いので、 [CODE(HTMLe)@en[[[span]]]] を使います。
-- [[HTML]] 部分の例
[PRE(HTML example code)[
The <span class="ship">Queen Elizabeth 2</span> is an ocean liner.
]PRE]
-- [[CSS]] 部分の例
[PRE(CSS example code)[
span.ship {
font-style: italic;
}
]PRE]
- '''属名・種名'''
-- 適当な[[要素型]]が無いので、 [CODE(HTMLe)@en[[[span]]]] を使います。
-- [[HTML]] 部分の例
[PRE(HTML example code)[
<span class="species">Tyrannosaurus rex</span> is very, very famous.
]PRE]
-- [[CSS]] 部分の例
[PRE(CSS example code)[
span.species {
font-style: italic;
}
]PRE]
- '''初出の重要語''' → [CODE(HTMLe)@en[[[dfn]]]]
-- [[HTML]] 部分の例
[PRE(HTML example code)[
These tags, often referred as <dfn>descriptive markups</dfn>, ...
]PRE]
-- [[CSS]] 部分の例
[PRE(CSS example code)[
dfn {
font-style: italic;
}
]PRE]
[[#comment]]
** 応用
[4] [CODE(HTMLe)[i]] 要素は、フォント・スタイル要素の一種です。
フォント・スタイル要素のレンダリングは [[UA]]
依存で、仕様書では規定されていませんが、[RUBYB[参考] [informative]]として、
[RUBYB[斜体] [italic]]スタイルでレンダリングするとされています。
他のフォント・スタイル要素も含めて入れ子の場合のレンダリングは UA
依存です。 [SRC[HTML 4 15.2.1]]
[5] [CODE(HTMLe)[i]] はいわゆる[[物理要素]]で、
論理的・構造的意味は持たないのですが、
[Q[斜体]]という物理的意味さえ伝わることが保証されないということです。
[6] 多くの (非 text 系) [[視覚UA]] では、 [CODE(HTMLe)[i]]
要素の内容を斜体でレンダリングします (想定通り)。
しかし、視覚 UA でも text browser 系は、
斜体を表現できないことが多いので、太字, 下線, 違う文字色, 反転,
前後を記号で囲む, 地の文と同じなど、異なる方法でレンダリングすることがあります。
[CODE(HTMLe)[i]] 要素の中に [CODE(HTMLe)[[[b]]]] 要素を入れたり、
その逆にしたりすると[[太字]] + 斜体になるはずですが、
UA のレンダリング能力によってはいずれかだけになることもあります。
[7] [RUBY[斜体] [Italic]]は、本来は[[ラテン文字]]などの書体の一種で、
丸みを帯びたあれ(謎)を指しますが、多くの実装では、
(italic フォントが見つからない場合は、または常に、)
単に通常の文字を傾けたもの ([[oblique]], [[slant]])
を使っています。
[[#comment]]
** 不思議解釈
[11]
[CITE[ほぷしぃ−HTMLタグリファレンス 〜I〜]]
<http://www.isl.ne.jp/pc/100/tagRef_007.html>
(2005年7月現在)
この文書では [CODE(HTMLe)@en[i]] 要素が
> '''html4.01非推奨、Netscape専用タグ'''
と紹介されています。普通 [[HTML]] の [Q@en[[[deprecated]]]]
は[Q[[[非推奨]]]]と訳されるので [Q@en[deprecated]]
とされていない [CODE(HTMLe)@en[i]] をこう紹介するのは望ましくありませんが、
実際推奨しないと [[HTML 4]] には書いてあるので、間違ってはいません。
問題は [Q[Netscape専用]]と主張していることです。
根拠はありませんし、事実にも反します。
[[#comment]]
** 例
[10] 引用文献名をマークした例
[PRE(HTML deprecated example)[
<[CODE(HTMLe)[p]] [CODE(HTMLa)[class]]="NormRefDef"><[CODE(HTMLe)[a]] [CODE(HTMLa)[name]]="2-ISO-9899">ISO/IEC
9899:1990(R1997)</[CODE(HTMLe)[a]]>, <[CODE(HTMLe)[i]]>Programming languages — C</[CODE(HTMLe)[i]]>.</[CODE(HTMLe)[p]]>
]PRE]
この例の場合、 [CODE(HTMLe)[[[cite]]]]
要素型を使った方がより好ましいと考えられます。
出典:
[CITE[Portable Network Graphics (PNG) Specification (Second Edition)]]
<http://www.w3.org/TR/2003/REC-PNG-20031110/#2-ISO-9899>
[[#comment]]
** メモ
[12]
[CITE[www-html@w3.org from December 1997: Re: Comments on HTMl 4 draft (9/Nov/1997)]] <http://lists.w3.org/Archives/Public/www-html/1997Dec/0064.html>
([[名無しさん]])
[13]
[CITE[gmane.comp.web.w3m.devel]] <http://permalink.gmane.org/gmane.comp.web.w3m.devel/863>
([[名無しさん]] [WEAK[2006-12-18 12:05:05 +00:00]])
[14]
[CITE[[w3m-dev 04190] patches added to CVS repository]] <http://permalink.gmane.org/gmane.comp.web.w3m.devel/856>
([[名無しさん]] [WEAK[2006-12-18 12:06:28 +00:00]])
[15]
[CITE[[w3m-dev 04191] Re: italics in emacs-w3m]] <http://permalink.gmane.org/gmane.comp.web.w3m.devel/857>
([[名無しさん]] [WEAK[2006-12-18 12:07:00 +00:00]])
[16]
[CITE[講演申込手順]] ([TIME[2007-12-06 10:30:27 +09:00]] 版) <https://secure1.gakkai-web.net/gakkai/ieice/kaikoku/tejun.html>
>c.特殊な表記の方法
講演題目や講演要旨原稿の中の添字や斜体等は以下のようにHTMLのタグコード(以下の<sup>、</sup>、<sub>、</sub>など)で入力して下さい.
-上付き文字: <sup>対象文字</sup>
-下付き文字: <sub>対象文字</sub>
-斜体字: <i>対象文字</i>
[17] [CITE[IRC logs: freenode / #whatwg / 20110414]]
( ([TIME[2011-04-16 20:30:22 +09:00]] 版))
<http://krijnhoetmer.nl/irc-logs/whatwg/20110414>
[18] [CITE[IRC logs: freenode / #whatwg / 20110505]]
( ([TIME[2011-05-07 13:59:30 +09:00]] 版))
<http://krijnhoetmer.nl/irc-logs/whatwg/20110505>
[19] [CITE@en[Base · Bootstrap]]
( ([[]] 著, [TIME[2012-12-22 03:04:10 +09:00]] 版))
<http://twitter.github.com/bootstrap/base-css.html#icons>
[20] [CITE[ncsa-mosaic/CHANGES at master · alandipert/ncsa-mosaic]]
( ([TIME[2014-04-07 05:39:57 +09:00]] 版))
<https://github.com/alandipert/ncsa-mosaic/blob/master/CHANGES#L1026>
[21] [CITE@en[Font Awesome Examples]]
( ([[Dave Gandy]] 著, [TIME[2014-08-04 17:31:34 +09:00]] 版))
<http://fontawesome.io/examples/>
[22] [CITE@en[Explain better when to use <i> instead of <u> · whatwg/html@19a59f0]]
([TIME[2015-12-21 11:34:36 +09:00]] 版)
<https://github.com/whatwg/html/commit/19a59f050decea91310724061afe3f4621844909>