HTML <em> 元素

HTML <em> 元素标记出需要强调的文本。<em> 元素可以嵌套，嵌套层次越深，则表示更高级别的强调。

对文本内容进行强调：

<p><em>猫</em>是可爱的动物。</p>
<p><em>狗</em>才是可爱的动物。</p>

尝试一下 »

特性

内容类别	流式内容，短语内容，可触知内容。
允许的内容	短语内容。
标签省略	不允许，开始标签和结束标签都不能省略。
允许的父元素	任何接受短语内容的元素。
允许的 ARIA 角色	任意
DOM 接口	HTMLElement 在 Gecko 1.9.2 (Firefox 4) 之前，Firefox使用 HTMLSpanElement 接口实现该元素。

属性

该元素只包含全局属性。

事件属性

<em> 元素支持 HTML 的事件属性。

使用注意

• 通常，该元素以斜体显示。但是，它不应该简单地为了斜体造型而使用该元素；应该通过 CSS 样式来实现斜体。
• 使用 <cite> 元素标记作品的标题（书，播放，歌曲等）; 它通常也是斜体字，但是含义不同。
• 可以使用 <strong> 元素来标记比周围文本更重要的文本。

更多实例

<em> 元素经常用于表示隐含或明确的对比。

<p>
  在 HTML 5 中，以前称之为
  <em>块级</em> 内容，现在被成为
  <em>流式</em>内容。
</p>

尝试一下 »

<i> 对比 <em>

为什么有这么多元素来表示对某些文字的强调，往往让新开发人员感到困惑。 <i> 和 <em> 可能是最常见的一种。为什么使用 <i> 和 <em>？他们产生完全相同的结果，对吧？

不完全是。默认情况下，它们的视觉效果相同 - 两个标签都以斜体显示其内容。但语义上的意义却不尽相同。<em> 标签表示其内容的强调，而 <i> 标签表示从普通文字中排除的文本，例如电影或书籍的名称，外来字，或者文本是指单词的定义，而不是表示其语义含义。

<em> 的例子可以是：“只要做到了！”，或者：“我们已经做了一些事情”。阅读文本的人或软件将重点放在斜体字上。

<i> 的例子可以是：“玛丽女王昨晚航行”。在这里，没有对 “玛丽女王” 这个词进行强调或指出其重要性。只是表示，这里不是一个名称叫玛丽的女王，而是一艘名叫玛丽女王的船。 <i> 的另一个例子可以是：“这个词the是一篇文章”。

规范

规范	状态	备注
HTML Living Standard <em> 的定义	现行的标准	-
HTML5 <em> 的定义	推荐	-
HTML 4.01 Specification <em> 的定义	推荐	-

桌面浏览器兼容性

移动浏览器兼容性

相关链接

• <i>
• HTML 教程：HTML 文本格式化