HTML 粗体（字体加粗）

在 HTML 中，想要使得字体加粗，我们可以使用以下 2 种粗体标签来实现。

strong 标签。
b 标签。

语法：

<strong>加粗的内容</strong>

<b>加粗的内容</b>

说明：

strong 和 b 这 2 个标签在浏览器显示效果上的完全一样的，但它们之间存在本质上的区别：

b 标签只是纯粹的加粗，并不具备语义性，也不会被赋予 SEO 权重。
strong 标签除了显示上的加粗，还具备语义性，并且搜索引擎会给予一定的 SEO 权重。

在实际开发中，如果仅仅是想要加粗效果而无需考虑 SEO，可以考虑使用 b 标签。如果想要加粗效果并且考虑 SEO，应该使用 strong 标签。

提示: 对于不同标签的语义，另请参阅：HTML 语义化。

示例：HTML 加粗字体（2 种标签实现）

运行代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <p>这是普通文本</p>
    <strong>这是粗体文本</strong><br>
    <b>这是粗体文本</b>
</body>
</html>

页面效果如下图所示。

HTML粗体

分析：

从页面效果可以看出，strong 标签和 b 标签的加粗效果是一样的，但它们在语义上和 SEO 优化上是不一样的。

注意: 如果你加粗文字只是为了好看，并没有语义上的特殊含义，此时应该使用 CSS 的 font-weight 属性来实现。