<i>: I 要素
最終更新：2026-10-13
<i>I 要素
強調の意味を持たせずにテキストをイタリック表示します。外国語・専門用語・船名などによく使われます。
| カテゴリ | 書式 |
|---|---|
| コンテンツモデル | フレージングコンテンツ |
| 許可される親要素 | フレージングコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </i> タグ |
| ステータス | 標準 |
📝 構文
<i>イタリックテキスト</i>▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <i> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： <i> には意味がなく見た目だけを変えます。強調の意味が必要なら <em> を使いましょう。
❓ よくある質問
Qi タグは HTML5 でどんな意味を持ちますか？
AHTML5 は
<i> を「本文とトーンの異なるテキスト」と再定義しました。専門用語・外国語のフレーズ・学名・内心の独白などが該当します。純粋な視覚的斜体ではなくなりましたが、強調の意味もありません。強調が必要なら <em> を使います。Qi と em はどちらを選べばいいですか？
A意味で判断します。重要性のアピールや文のアクセント変更には
<em>。用語・外国語・船名など「声を変える」場面には <i>。たとえば「この単語は日本語で <i>ねこ</i> と読みます」のような箇所は <i> が適切です。Qi タグでアイコンを置くのは正しい使い方ですか？
ABootstrap や Font Awesome などのライブラリで長く使われてきた慣例ですが、HTML 仕様的には正しくありません。アイコンはテキストではないからです。より意味に沿うのは、aria-hidden を付けた
<span>、または直接 <svg> を使う方法です。<i> でアイコンを置くのは歴史的な経緯によるものです。🏷️ 関連タグ
💡 関連ケース
📚 関連チュートリアル
