HTML strong 标签

HTML strong 语法

在 HTML 中,strong 标签用于强调重要信息、关键词等,让读者知道这部分文字特别关键或需要特别关注。

strong 标签会以粗体显示文本内容,但它的主要目的是传递语义上的重要性,而非仅仅是视觉上的粗体效果。

语法:

<strong>重要文本</strong>

说明:

strong 标签表示其内容具有 “强重要性”。这意味着它不只是为了粗体显示文本,而是为了强调文本的语义重要性,例如:

  • 重要警告或提示:表示需要特别注意的信息。
  • 关键短语:在一段话中,突出核心论点或关键词。
  • 严肃内容:表达严肃的警告或指令。

strong 和 b 这 2 个标签都可以用于实现文本粗体,但它们却有着本质上的区别。

  • strong:它是一个语义化标签,并且会被搜索引擎赋予一定的权重。
  • b:它是一个无语义标签,并不会搜索引擎赋予权重。

在实际开发中,并不推荐使用 b 标签,而是推荐使用 strong 标签。

提示: 虽然现代搜索引擎(如 Google)在处理 b 和 strong 时可能一视同仁,但使用语义化的 strong 标签有助于帮助搜索引擎更好地理解页面结构和内容重点,这也是 W3C 标准的最佳实践。

HTML strong 摘要

属于 HTML 加粗
使用频率
兼容性 查看
官方文档 查看
MDN 查看

HTML strong 示例

接下来,我们通过一个简单的例子来讲解一下 HTML strong 标签是如何使用的。

示例:strong 标签的基本用法

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <div><strong>绿叶网</strong> - 为好教程,全力以赴</div>
</body>
</html>

页面效果如下图所示。

HTML strong标签示例

分析:

在上面的例子中,由于我们使用了 strong 标签包含着 “绿叶网” 这几个字,因此搜索引擎会给予 “绿叶网” 这个关键字一定的权重。虽说 strong 标签可以提升某一个关键字的权重,但一定不要滥用,否则会被搜索引擎视为作弊。

一般情况下,我们都是去掉 strong 的默认样式,然后使用 CSS 重新定义新的样式,但这并不影响 strong 标签的语义。也就是说,样式只会改变标签的外观,并不会改变标签的语义。

提示: 如果你只是单独想要对文本加粗而不考虑权重问题,应该使用 CSS 的 font-weight 属性。

strong、em 与 mark 的区别

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

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

上一篇: hgroup

下一篇: em

给站长反馈

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

邮箱:lvyenet@vip.qq.com

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