]PRE] -- [[CSS]] 部分の例 [PRE(CSS example code)[ blockquote { font-style: italic; } ]PRE] - [25] '''他の言語''' → [CODE(HTMLe)@en[[[span]]]] ([CODE(XMLa)@en[[[xml:lang]]]] [[属性]]つき) -- [[HTML]] 部分の例 [PRE(HTML example code)[ A.D. stands for Anno Domini. ]PRE] -- [[CSS]] 部分の例 [PRE(CSS example code)[ :lang(la) { font-style: italic; } ]PRE] - '''数式の変数''' → [CODE(HTMLe)@en[[[var]]]] または [[MathML]] の[[要素型]] -- [[HTML]] 部分の例 [PRE(HTML example code)[ ...where n 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 Queen Elizabeth 2 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)[ Tyrannosaurus rex 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 descriptive markups, ... ]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〜]]WYSIWYG is not the only solution.
With v2.0.0, the <i> tag is essentially dedicated to iconography.[SNIP[]]
> // As of v2.0.0, the tag is reserved for icons from the Glyphicons set.
[53] >>52 の当初の文言は >>47 よりも強く、 [CODE[i]] が完全にアイコン専用とされている。
[FIG(data)[ [54] [[HTML要素概説]]
:[F[要素名]]:[CODE[i]]
:日付:[TIME[2012-01-31]]
:説明:
[TIME[2012-01-31]]公開の
[[Bootstrap]]
は、
[[アイコン]]機能のため
[CODE[i]]
を利用した。
[SRC[>>56]]
この用法はどの [[HTML]] 仕様とも整合せず濫用に当たるが、
これ以後多くの[[アイコン]]や[[絵文字]]用のライブラリー等に模倣され、
現在もかなり使われている。
:出典:
[REFS[
-
[56]
[DFN[BOOTSTRAP:TWEAKS]]:
[CITE@en[tweaks abound, updated prettify styles, new sidenav component started…]],
[DATA(.author)[[[mdo]]]],
[TIME(.published)[2012-01-05 18:34:14 +09:00]], [TIME[2024-09-08T10:22:24.000Z]]