HTML em 标签

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>

页面效果如下图所示。

HTML em标签示例

提示: 如果你只是单独想要实现文本的斜体效果而不考虑权重问题,应该使用 CSS 的 font-style 属性。

strong、em 与 mark 的区别

strong、em 与 mark 这 3 个标签都有 “强调” 的意思,但它们在于语义、SEO、外观等方面都有明显区别(如下表所示)。

strong、em 与 mark 的区别
标签 语义 SEO 显示样式 应用场景
strong 强烈强调 会被赋予权重 加粗 强烈重要的文本
em 轻微强调 会被赋予权重 斜体 强烈文本的语气(语调)
mark 标记高亮 不会被赋予权重 高亮 突出需要特别注意的文本

上一篇: strong

下一篇: mark

给站长反馈

绿叶网正在不断完善中,小伙伴们如果发现任何问题,还望多多给站长反馈,谢谢!

邮箱:lvyenet@vip.qq.com

「绿叶网」服务号
绿叶网服务号放大
关注服务号,微信也能看教程。
绿叶网服务号