<em>: 強調元素

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

<em> 元素用於強調與周圍文字相比有強調的單詞，通常限於句子中的一個或幾個單詞，並影響句子本身的含義。

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

一些開發者可能會對多個元素看似產生相似的視覺效果感到困惑。<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>

這裡，對“瑪麗女王”這個詞沒有額外的強調或重要性。它僅僅表示該物件不是一個名叫瑪麗的女王，而是一艘名為“瑪麗女王”的船。

在這個例子中，<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>