237.txt

[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>

[23] <i>Mil</i> ([[ミール]]) のように[[宇宙船]]も[[海]]の[[船]]同様に[[イタリック]]を使うようです。