<i>:斜體文字元素
<i>
HTML 元素代表一段文字,由於某些原因與正常文字有所區分,例如成語、專業術語、分類設計等。歷史上,這些元素通常以斜體字來呈現,這也是這個元素被命名為 <i>
的原因。
嘗試一下
屬性
此元素僅包含全域屬性 (en-US)。
使用注意事項
- 使用
<i>
元素將文字區分出來,以提高可讀性。這可能是一段與周圍文字語義有所不同的文字範圍。<i>
元素的用例包括:- 替代語氣或情感
- 分類設計(如屬名和種名「Homo sapiens」)
- 來自其他語言的成語(例如「et cetera」);這些應該包含
lang
(en-US) 屬性以標識語言 - 專業術語
- 轉寫
- 思想(例如 「她想知道,這個作者到底在說什麼?」)
- 西方文字系統中的船名或船舶名稱(例如「他們在碼頭上尋找 Empress of the Galaxy,這是他們被分配的船。」)
- 在 HTML 規範的早期版本中,
<i>
元素僅是一個表示性元素,用於以斜體顯示文字,就像<b>
元素用於以粗體顯示文字一樣。但現在情況已經改變,這些標籤現在定義了語義,而不是外觀。瀏覽器通常仍會以斜體類型顯示<i>
元素的內容,但根據定義,不再需要這樣做。要顯示斜體文字,作者應該使用 CSS 的font-style
(en-US) 屬性。 - 請確保所討論的文字實際上不是更適合使用其他元素標記。
- 使用
<em>
來表示強調。 - 使用
<strong>
(en-US) 表示重要性、嚴重性或緊迫性。 - 使用
<mark>
(en-US) 表示相關性。 - 使用
<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 (en-US) |
允許的 ARIA 角色 | 任何 |
DOM 介面 | HTMLElement (en-US) |
規範
Specification |
---|
HTML Standard # the-i-element |
瀏覽器相容性
BCD tables only load in the browser