html给字体加粗

使用<b>

<b>是HTML中的物理样式标签，用于将文本加粗，但无语义含义。

示例：

<b>这是加粗的文本</b>

效果：
这是加粗的文本

---

使用<strong>

<strong>是语义化标签，表示内容具有重要性，默认样式为加粗。

示例：

<strong>这是重要的文本</strong>

效果：
这是重要的文本

---

使用CSS font-weight属性

通过CSS的font-weight属性设置字体粗细，支持更多灵活性（如bold、bolder或数值100-900）。

示例1（内联样式）：

<span style="font-weight: bold;">这是加粗的文本</span>

示例2（CSS类）：

<style>
  .bold-text {
    font-weight: 700; / 700等同于bold /
  }
</style>
<p class="bold-text">这是加粗的文本</p>

---

方法对比表

方法	语法示例	语义含义	推荐场景
<b>	<b>文本</b>	无语义，仅加粗	纯样式需求，无语义时
<strong>	<strong>文本</strong>	表示重要性	需要强调内容时
CSS font-weight	style="font-weight: bold;"	无语义，仅样式控制	需要灵活控制粗细或复用样式

---

相关问题与解答

问题1：<b>和<strong>标签有什么区别？

解答：

• <b>是纯样式标签，仅用于加粗文本，无语义含义。
• <strong>是语义化标签，表示内容具有重要性（如关键词），默认样式为加粗，但对屏幕阅读器等工具会传达“强调”含义，有利于SEO和可访问性。
  建议： 优先使用<strong>表达重要性，而非仅样式需求。

---

问题2：如何通过CSS设置不同程度的加粗？

解答：
CSS的font-weight属性支持以下值：

• 关键字：normal（400）、bold（700）、bolder、lighter
• 数值：100（最细）到900（最粗），以百为单位递增。

示例：

p {
  font-weight: 400; / 正常粗细 /
}
.bold-text {
  font-weight: 700; / 加粗 /
}
.extra-bold {
  font-weight: 900; / 超粗 /
}