此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

<i>:术语文本元素

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.

HTML <i> 元素用于表现因某些原因需要区分普通文本的一段文本,例如习语、技术术语、分类学名称等。从历史上看,这些内容一直采用斜体字呈现,这也是该元素命名为 <i> 的最初由来。

尝试一下

<p>我看着它,心想:<i>这不可能是真的!</i></p>

<p><i>芭蕉属</i>是<i>芭蕉科</i>下两三个属之一;该属包括香蕉和大蕉。</p>

<p>术语<i>带宽</i>指在给定时间内,数据连接能够传输多少信息的度量标准。</p>
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> 元素来标记其他语言的文本。

html
<p>
  拉丁语短语 <i class="latin">Veni, vidi, vici</i> 常出现在音乐、艺术和文学中。
</p>

结果

技术概要

内容分类 流式内容短语内容、可感知内容。
允许的内容 短语内容
标签省略 不允许,开始标签和结束标签都不能省略。
允许的父元素 任何接受短语内容的元素。
隐含的 ARIA 角色 generic
允许的 ARIA 角色 任何
DOM 接口 HTMLElement

规范

Specification
HTML
# the-i-element

浏览器兼容性

参见