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>页面效果如下图所示。

分析:
在上面的例子中,由于我们使用了 strong 标签包含着 “绿叶网” 这几个字,因此搜索引擎会给予 “绿叶网” 这个关键字一定的权重。虽说 strong 标签可以提升某一个关键字的权重,但一定不要滥用,否则会被搜索引擎视为作弊。
一般情况下,我们都是去掉 strong 的默认样式,然后使用 CSS 重新定义新的样式,但这并不影响 strong 标签的语义。也就是说,样式只会改变标签的外观,并不会改变标签的语义。
提示: 如果你只是单独想要对文本加粗而不考虑权重问题,应该使用 CSS 的 font-weight 属性。
strong、em 与 mark 的区别
strong、em 与 mark 这 3 个标签都有 “强调” 的意思,但它们在于语义、SEO、外观等方面都有明显区别(如下表所示)。
| 标签 | 语义 | SEO | 显示样式 | 应用场景 |
|---|---|---|---|---|
| strong | 强烈强调 | 会被赋予权重 | 加粗 | 强烈重要的文本 |
| em | 轻微强调 | 会被赋予权重 | 斜体 | 强烈文本的语气(语调) |
| mark | 标记高亮 | 不会被赋予权重 | 高亮 | 突出需要特别注意的文本 |
