代替

[8] この要素型は非推奨 (deprecated) ではありませんが、 推奨されません (discouraged) HTML 4 15.2。 代わりに、スタイル・シートを利用できます。

[9] 斜体にするためには、 CSS なら font-style 特性を利用できます。

element-type.class-name {
  font-style: italic;
}

[10] i の代わりに使うべき要素型は、 その部分を斜体にしたかった理由によって決めます。

• 強調 → em または strong
  • HTML 部分の例

    It <em>is</em> important to separate structure and presentation.

  • CSS 部分の例

    em {
      font-style: italic;
    }

• 書名 → cite
  • HTML 部分の例

    In <cite>The Origin of Structured Markup Languages</cite>, page 231, ...

  • CSS 部分の例

    cite {
      font-style: italic;
    }

• 引用文 → q または blockquote
  • HTML 部分の例

    He said that...
    <blockquote>
    <p>WYSIWYG is not the only solution.</p>
    </blockquote>

  • CSS 部分の例

    blockquote {
      font-style: italic;
    }

• [25] 他の言語 → span (xml:lang 属性つき)
  • HTML 部分の例

    <abbr>A.D.</abbr> stands for <span xml:lang="la">Anno Domini</span>.

  • CSS 部分の例

    :lang(la) {
      font-style: italic;
    }

• 数式の変数 → var または MathML の要素型
  • HTML 部分の例

    ...where <var>n</var> is the number of nodes in the tree.

  • CSS 部分の例

    var {
      font-style: italic;
    }

• 船の名前
  • 適当な要素型が無いので、 span を使います。
  • HTML 部分の例

    The <span class="ship">Queen Elizabeth 2</span> is an ocean liner.

  • CSS 部分の例

    span.ship {
      font-style: italic;
    }

• 属名・種名
  • 適当な要素型が無いので、 span を使います。
  • HTML 部分の例

    <span class="species">Tyrannosaurus rex</span> is very, very famous.

  • CSS 部分の例

    span.species {
      font-style: italic;
    }

• 初出の重要語 → dfn
  • HTML 部分の例

    These tags, often referred as <dfn>descriptive markups</dfn>, ...

  • CSS 部分の例

    dfn {
      font-style: italic;
    }

応用

[4] i 要素は、フォント・スタイル要素の一種です。 フォント・スタイル要素のレンダリングは UA 依存で、仕様書では規定されていませんが、参考 (informative) として、 斜体 (italic) スタイルでレンダリングするとされています。 他のフォント・スタイル要素も含めて入れ子の場合のレンダリングは UA 依存です。 HTML 4 15.2.1

[5] i はいわゆる物理要素で、 論理的・構造的意味は持たないのですが、 斜体という物理的意味さえ伝わることが保証されないということです。

[6] 多くの (非 text 系) 視覚UA では、 i 要素の内容を斜体でレンダリングします (想定通り)。 しかし、視覚 UA でも text browser 系は、 斜体を表現できないことが多いので、太字, 下線, 違う文字色, 反転, 前後を記号で囲む, 地の文と同じなど、異なる方法でレンダリングすることがあります。

i 要素の中に b 要素を入れたり、 その逆にしたりすると太字 + 斜体になるはずですが、 UA のレンダリング能力によってはいずれかだけになることもあります。

[7] 斜体 (Italic) は、本来はラテン文字などの書体の一種で、 丸みを帯びたあれ(謎)を指しますが、多くの実装では、 (italic フォントが見つからない場合は、または常に、) 単に通常の文字を傾けたもの (oblique, slant) を使っています。

不思議解釈

[11] ほぷしぃ−HTMLタグリファレンス 〜I〜 http://www.isl.ne.jp/pc/100/tagRef_007.html (2005年7月現在)

この文書では i 要素が

html4.01非推奨、Netscape専用タグ

と紹介されています。普通 HTML の deprecated は非推奨と訳されるので deprecated とされていない i をこう紹介するのは望ましくありませんが、 実際推奨しないと HTML 4 には書いてあるので、間違ってはいません。

問題は Netscape専用と主張していることです。 根拠はありませんし、事実にも反します。

例

[10] 引用文献名をマークした例

<p class="NormRefDef"><a name="2-ISO-9899">ISO/IEC
9899:1990(R1997)</a>, <i>Programming languages — C</i>.</p>

この例の場合、 cite 要素型を使った方がより好ましいと考えられます。

出典: Portable Network Graphics (PNG) Specification (Second Edition) http://www.w3.org/TR/2003/REC-PNG-20031110/#2-ISO-9899