HTML辞書ホームへ
HTML要素 辞書 by Sentaro
<i>
イタリック（Italic）要素。意味付けのない装飾目的でテキストを斜体にするための要素です。
info
概要
<i> 要素は、技術用語、外国語のフレーズ、船名、思考（心理的な）、または慣用的な用語など、テキストの特定のセクションを周囲のテキストとは異なる声やムード、または何らかの方法で示したいが、特に強調（<em>）や重要性（<strong>）を付与する必要がない場合に使用されます。
多くの場合、ブラウザのデフォルトスタイルで斜体（イタリック体）で表示されます。
play_circle
デモ (静的表示)
HTML (Source)
<p>
彼が言ったのは「<i>さようなら</i>」だった。
</p>
<p>
船の名前は <i>HMS ビクトリー</i> です。
</p>
Preview (Result)
彼が言ったのは「さようなら」だった。
船の名前は HMS ビクトリー です。
list
属性 (Attributes)
| 属性名 | 説明 |
|---|---|
| グローバル属性 | 全てのHTML要素で利用可能な属性（例: class, id, style, title）のみをサポートします。 |
code
実用例
1. 外国語のフレーズ
<p>
彼はフランス語で「<i>Bonjour</i>」と挨拶した。
</p>
2. 船の名前や比喩的な表現
<p>
会社はプロジェクト <i>フェニックス</i> を立ち上げた。
</p>
3. アイコンフォントの使用（非推奨）
<!-- かつてアイコンフォントで使われていたが、現在は推奨されない -->
<i class="icon-home"></i>
<!-- 代わりに <span> や SVG が推奨されます -->
lightbulb
知っておくべき重要事項
info
<i> と <em> の違い
斜体にする目的で、単純な装飾や慣用的な表記に使用するのが
斜体にする目的で、単純な装飾や慣用的な表記に使用するのが
<i> です。意味的な強調や重要性を伝えたい場合は、必ず <em> (Emphasized text) を使用してください。スクリーンリーダーなどの支援技術は <em> をより強調して読み上げます。
accessibility_new
装飾的な斜体について
テキストを単に視覚的に斜体にしたいだけで、特別な意味（外国語、専門用語など）を持たせたくない場合は、HTML要素ではなく **CSSの `font-style: italic;`** を使用することが推奨されます。
テキストを単に視覚的に斜体にしたいだけで、特別な意味（外国語、専門用語など）を持たせたくない場合は、HTML要素ではなく **CSSの `font-style: italic;`** を使用することが推奨されます。