<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>

i {
  /* Add your styles here */
}

属性

此元素仅包含全局属性。

用法说明

• 使用 <i> 元素来标记那些出于可读性原因而从正常散文中分离出来的文本。这些文本应该具有与周围文本不同的语义含义。<i> 元素的用例包括表示不同质量或模式文本的文本范围，例如：

  • 替代的语调或情绪
  • 分类命名（例如，“智人”这个属和种）
  • 来自其他语言的异体词（例如，“et cetera”）；这些应该包含 lang 属性来标识语言
  • 技术术语
  • 音译
  • 想法（例如，“她想，这位作家到底在说什么？”）
  • 西方书写系统中的船只或舰艇名称（例如，“他们在码头搜寻他们被分配的船只银河女王号。”）

• 在早期版本的 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>