i要素

Webページでは、他のテキストと区別して表記したい時があります。

本ページでは、i要素について説明します。

i要素とは

i要素は、他のテキストと区別して表示する内容を示します。例えば、専門用語や外国語の単語、夢の中の説明などに使われ、ブラウザ上ではイタリック体(斜体)で表示されます。

iの定義は、以下のとおりです。

【iの定義】
コンテンツカテゴリ	フローコンテンツ、フレージングコンテンツ、認知可能コンテンツ
可能な親要素	フレージングコンテンツを包含できる要素
可能なコンテンツ	フレージングコンテンツ
タグの省略	不可
DOMインターフェース	HTMLElement

なお、日本語のフォントではイタリック体を持たないもの(メイリオなど)も多く、その場合はイタリック体で表示されません。

以下は、iを使ったHTMLの例です。

【iの利用例】

<p>この技術は、<i>Link Aggregation</i>と言います。</p>

上記により、以下のように表示されます。

Link Aggregation部分だけ、イタリック体斜体で表示されています。

em、strong、mark要素の概略は、以下のとおりです。

em: em要素も斜体で表示されますが、強調する内容を示します。例えば、段落の一部に使って強調したり、要点を示すために段落全体に使って強調したりします。
strong: strong要素は、重要性、深刻性、緊急性などがある内容で使います。
mark: mark要素は、関連性のある単語などを示します。例えば、検索結果の表示で検索した単語に使います。

i要素は、このような意味を持たず、単に見た目上で前後の単語と区別する時に使います。つまり、strong、em、markなどが該当しないコンテンツで使います。

各ブラウザの最新バージョンでのサポート状況は、以下のとおりです。

【パソコン】
項目	IE	Ed	Fx	Ch	Sa	Op
i	〇	〇	〇	〇	〇	〇

【スマートフォン】
項目	Sa	An	Op	Ch	Fx	Sm
i	〇	〇	〇	〇	〇	〇

※スマートフォンのFirefoxとChromeは、Android版です。