i要素

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

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

i要素とは

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

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

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

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

利用例

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

【iの利用例】
<p>この技術は、<i>Link Aggregation</i>と言います。</p>

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

ブラウザの画面で、「この以下は、Link Aggregationと言います。」と表示されていて、「Link Aggregation」部分だけ斜体で表示されています。

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

属性

グローバル属性が使えます。

em、strong、mark要素との違い

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
サポート
制限あり
×
未サポート
不明
IE
Internet Explorer
Ed
Edge
Fx
Firefox
Ch
Chrome
Sa
Safari
Op
Opera
An
Android Browser
Sm
Samsung Internet

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

HTML要素(タグ)一覧」に戻る