<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>