<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。 - 该元素只在没有更适合的语义元素表示时使用。例如:
示例
此示例演示了如何使用 <i> 元素来标记其他语言的文本。
html
<p>
拉丁语短语 <i class="latin">Veni, vidi, vici</i> 常出现在音乐、艺术和文学中。
</p>
结果
技术概要
规范
| Specification |
|---|
| HTML> # the-i-element> |