HTML <i> 元素

HTML <i> 元素表示由于某些原因而需要区分正常文本的一段文本,例如技术术语,外语短语或虚构人物想法。它通常以斜体显示。

使用 <i> 区分出特殊的文本:

<p>他命名他的车为<i>闪电</i>,因为它非常快。</p>

尝试一下 »

截图

使用 <i> 区分出特殊的文本

特性

内容类别 流式内容短语内容可触知内容
允许的内容 短语内容
标签省略 不允许,开始标签和结束标签都不能省略。
允许的父元素 任何接受短语内容的元素。
允许的 ARIA 角色 任意
DOM 接口 HTMLElement,在 Gecko 1.9.2(Firefox 4)之前,Firefox 使用 HTMLSpanElement 接口实现该元素。

属性

该元素包含全局属性

事件属性

<i> 元素支持 HTML 的事件属性

更多实例

使用 <i> 区分外语短语,并加上 class 属性:

<p>拉丁语 <i class="latin">Veni,vidi,vici</i> 经常在音乐,艺术和文学中被提及。</p>

尝试一下 »

截图

使用 <i> 区分外语短语,并加上 class 属性

注意

在 HTML 规范的早期版本中,<i> 标签仅仅是用来以斜体显示文本的表示元素,就像 <b> 标签用来以粗体字显示文本。情况不再是这样了,因为这些标签现在定义了语义,而不只是排版外观。 <i> 标签应该代表具有不同语义含义的一系列文本,其典型的排版样式表示是斜体。这意味着浏览器通常仍将以斜体显示其内容,但是根据定义,不是一定要使用斜体。

该元素只在没有更适合的语义元素表示时使用。例如:

  • 使用 <em> 来表示强调或重读。
  • 使用 <strong> 表示重要性。
  • 使用 <mark> 表示相关性。
  • 使用 <cite> 标记作品的名称,例如书籍,播放或歌曲。
  • 使用 <dfn> 标记术语的定义实例。

使用 class 属性来标识要为何使用该元素是一个很好的办法,这样的话,如果它的呈现以后需要改变,就可以有选择性地改变样式表。

规范

规范 状态 备注
HTML Living Standard
<i> 的定义
现行的标准 -
HTML5
<i> 的定义
推荐 -
HTML 4.01 Specification
<b> 的定义
推荐 -

HTML 4.01 与 HTML5 之间的差异

在 HTML 4.01 中,<i> 元素呈现斜体的文本。然而,在 HTML5 中没有必要这么做,可以使用样式表来格式化 <i> 元素中的文本。

桌面浏览器兼容性

特性 Chrome Edge Firefox Internet Explorer Opera Safari
基础支持 1 支持 1 支持 支持 支持

移动浏览器兼容性

特性 Android Chrome for Android Edge mobile Firefox for Android IE mobile Opera Android iOS Safari
基础支持 支持 支持 支持 1 支持 支持 支持

相关链接