<em>: 強調元素

試一試

<p>Get out of bed <em>now</em>!</p>

<p>We <em>had</em> to do something about it.</p>

<p>This is <em>not</em> a drill!</p>

em {
  /* Add your styles here */
}

屬性

此元素僅包含全域性屬性。

用法說明

<em> 元素用於表示與其周圍文字相比具有語音重音的詞語，這通常限於句子中的一個或多個詞，並且會影響句子本身的含義。

通常，此元素會以斜體顯示。但是，不應使用它來應用斜體樣式；請為此目的使用 CSS font-style 屬性。使用 <cite> 元素標記作品的標題（書籍、戲劇、歌曲等）。使用 <i> 元素標記具有不同語調或情緒的文字，這涵蓋了斜體許多常見情況，例如科學名稱或外語單詞。使用 <strong> 元素標記比周圍文字更重要的文字。

<i> 與 <em> 對比

有些開發者可能會對多個元素看似產生相似視覺結果感到困惑。<em> 和 <i> 是一個常見的例子，因為它們都將文字斜體化。有什麼區別？應該使用哪個？

預設情況下，視覺效果是相同的。但是，語義含義不同。<em> 元素表示對其內容的語音重音，而 <i> 元素表示與正常散文分開的文字，例如外語單詞、虛構角色思想，或當文字引用單詞的定義而不是其語義含義時。（作品標題，例如書籍或電影名稱，應使用 <cite>。）

這意味著正確的用法取決於具體情況。兩者都不是純粹用於裝飾目的，那是 CSS 樣式的工作。

<em> 的示例可以是

<p>Just <em>do</em> it already!</p>
<p>We <em>had</em> to do something about it.</p>

閱讀文字的人或軟體會以口語重音來發音斜體字。

<i> 的示例可以是

<p>The word <i>the</i> is an article.</p>
<p>The <i>Queen Mary</i> sailed last night.</p>

這裡，“Queen Mary”這個詞並沒有額外的強調或重要性。它只是表明所討論的物件不是一位名叫 Mary 的女王，而是一艘名為“Queen Mary”的船。

示例

在此示例中，<em> 元素用於突出兩個配料列表之間的隱含或明確的對比。

<p>
  Ice cream is made with milk, sweetener, and cream. Frozen custard, on the
  other hand, is made of milk, cream, sweetener, and <em>egg yolks</em>.
</p>

結果

技術摘要

規範

瀏覽器相容性

另見

• <i>