HTML <em> 對內容著重強調 (emphasis)

<em> 標籤 (tag) 其語意 (semantic) 是用來強調 (emphasis) 讀者留意著重閱讀某一段內容,而瀏覽器預設 em 的樣式是會用斜體字顯示。

舉個例子:

<p>
  In HTML 5, what was previously called <em>block-level</em> content is now called <em>flow</em> content.
</p>

顯示結果:

In HTML 5, what was previously called block-level content is now called flow content.

像上面例子 <em> 也常用在做一個顯式和隱式的內容對比。

<em> 和 <i> 標籤的差異?

<i> 標籤雖然也會將包裹的內容文字變成是斜體字的效果,但 <i> 標籤本身沒有任何語意,不像是 <em> 有特殊語意表示對內容的著重強調,所以 <em> 和 <i> 標籤對於 SEO 搜尋引擎理解網頁內容是有根本性差異的。通常也會建議少用 <i>,如果真的想用斜體字效果的話,其實你應該使用 CSS。