<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
# the-i-element

瀏覽器相容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
i

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

參見