HTML em 语法
在 HTML 中,em 标签用于表示轻微的强调,通常用于强调文本的语气或语调。
em 标签会以斜体来显示文本,但它的主要目的是传递语义上的强调,而非仅仅是视觉效果。
语法:
<em>强调文本</em>说明:
em 标签表示其内容需要被强调,通常是文本中的某个词语或短语,其重要性低于 strong 标签所表示的 “强重要性”。它通常用于:
- 语气的变化:改变说话或阅读时的语调,以突出某个词。
- 特定的词语:在句子中强调某个词,使其含义更加清晰。
em 和 i 这 2 个标签都可以用于实现文本斜体,但它们却有着本质上的区别。
em:它是一个语义化标签,并且会被搜索引擎赋予一定的权重。i:它是一个无语义标签,并不会搜索引擎赋予权重。
提示:
- em,是 “emphasized(强调)” 的缩写。
- strong 和 em 都会被搜索引擎赋予权重。如果在一个页面中,为了 SEO 而想要突出某些关键字,可以使用 strong 和 em 这 2 个标签。
HTML em 摘要
| 属于 | HTML 斜体 |
|---|---|
| 使用频率 | 高 |
| 兼容性 | 查看 |
| 官方文档 | 查看 |
| MDN | 查看 |
HTML em 示例
接下来,我们通过一个简单的例子来讲解一下 HTML em 标签是如何使用的。
示例:em 标签的基本用法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>这是一个<em>温馨的提示</em>,请仔细阅读。</p>
</body>
</html>页面效果如下图所示。

提示: 如果你只是单独想要实现文本的斜体效果而不考虑权重问题,应该使用 CSS 的 font-style 属性。
strong、em 与 mark 的区别
strong、em 与 mark 这 3 个标签都有 “强调” 的意思,但它们在于语义、SEO、外观等方面都有明显区别(如下表所示)。
| 标签 | 语义 | SEO | 显示样式 | 应用场景 |
|---|---|---|---|---|
| strong | 强烈强调 | 会被赋予权重 | 加粗 | 强烈重要的文本 |
| em | 轻微强调 | 会被赋予权重 | 斜体 | 强烈文本的语气(语调) |
| mark | 标记高亮 | 不会被赋予权重 | 高亮 | 突出需要特别注意的文本 |
