<i>: 慣用テキスト要素

試してみましょう

<p>I looked at it and thought <i>This can't be real!</i></p>
<p>
  <i>Musa</i> is one of two or three genera in the family <i>Musaceae</i>; it
  includes bananas and plantains.
</p>
<p>
  The term <i>bandwidth</i> describes the measure of how much information can
  pass through a data connection in a given amount of time.
</p>

/* stylelint-disable-next-line block-no-empty */
i {
}

属性

この要素にはグローバル属性以外の属性はありません。

使用上のメモ

• <i> 要素は、読みやすくする目的で、文字列を通常の文脈から区別するために使用します。これは、この範囲の文字列が周囲の文字列とは意味論的に異なるということです。<i> 要素の用途の中には、次のような様々な品質やモードのテキストを表す区間があります。

  • 音声または語調が変わるところ
  • 分類学上の表記（"Homo sapiens" のような属や種など）
  • 他言語の慣用語（"et cetera"など）。言語を識別するには lang 属性を指定する必要があります。
  • 専門用語
  • 音訳
  • 感想（「彼女は不思議に思った、ところでこの作家は何を話しているのだろう」など）
  • 西洋の書字体系における船名または船舶名（「彼らは配属された船である Empress of the Galaxy をドックで探した」など。）

• 以前のバージョンの HTML 仕様では、 <i> 要素は文字列をイタリック体で表示するために使用する、単なる表現用の要素でした。これは <b> 要素が文字列の太字表示に使用されたことと同様です。これらのタグに印字表現ではない意味が定義されたため、それは正しくなくなりました。ブラウザーは現在でも一般的に <i> の中身を斜体で表示するでしょうが、この要素の定義としては、そうすることは要件ではなくなりました。テキストをイタリック体で表示するには、 CSS の font-style プロパティを使用してください。

• この要素は、他の要素でより適切にマークアップされない場合にのみ使用してください。

  • 強調を表すには <em> 要素を使用してください。
  • 重要性を表すには <strong> 要素を使用してください。
  • 関連性を表すには <mark> 要素を使用してください。
  • 書籍、演劇、音楽などの作品名を表すには <cite> 要素を使用してください。
  • 用語の定義のインスタンスを表すには <dfn> 要素を使用してください。

例

この例では、 <i> 要素を他の言語の文字列を示すために使用することを示します。

<p>
  The Latin phrase <i lang="la">Veni, vidi, vici</i> is often mentioned in
  music, art, and literature.
</p>

結果

技術的概要

仕様書

ブラウザーの互換性

関連情報

• <em>
• その他のイタリック体にする要素: <var>, <dfn>, <cite>, <address>