<i>:斜體文字元素

Baseline Widely available

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

<i> HTML 元素代表一段文字,由於某些原因與正常文字有所區分,例如成語、專業術語、分類設計等。歷史上,這些元素通常以斜體字來呈現,這也是這個元素被命名為 <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>
  The Latin phrase <i lang="la">Veni, vidi, vici</i> is often mentioned in
  music, art, and literature.
</p>

結果

技術摘要

內容類別 流內容段落型內容、可感知內容。
允許的內容 段落型內容
標籤省略 不允許,起始和結束標籤均為必需的。
允許的父元素 任何接受段落型內容的元素。
隱含的 ARIA 角色 generic
允許的 ARIA 角色 任何
DOM 介面 HTMLElement

規範

Specification
HTML Standard
# the-i-element

瀏覽器相容性

BCD tables only load in the browser

參見