HTML <i> 元素
HTML <i>
元素表示由于某些原因而需要区分正常文本的一段文本,例如技术术语,外语短语或虚构人物想法。它通常以斜体显示。
使用 <i>
区分出特殊的文本:
<p>他命名他的车为<i>闪电</i>,因为它非常快。</p>
特性
内容类别 | 流式内容,短语内容,可触知内容。 |
---|---|
允许的内容 | 短语内容。 |
标签省略 | 不允许,开始标签和结束标签都不能省略。 |
允许的父元素 | 任何接受短语内容的元素。 |
允许的 ARIA 角色 | 任意 |
DOM 接口 |
HTMLElement ,在 Gecko 1.9.2(Firefox 4)之前,Firefox 使用 HTMLSpanElement 接口实现该元素。 |
属性
该元素只包含全局属性。
事件属性
<i>
元素支持 HTML 的事件属性。
更多实例
<i>
区分外语短语,并加上 class
属性:
使用 <p>拉丁语 <i class="latin">Veni,vidi,vici</i> 经常在音乐,艺术和文学中被提及。</p>
注意
在 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 | 支持 | 支持 | 支持 |