html字体加粗

使用<strong>

<strong>是HTML5推荐的语义化标签，用于强调内容的重要性，默认显示为加粗效果。
示例：

<p>这是<strong>重要内容</strong>，需要重点关注。</p>

效果：
这是，需要重点关注。

---

使用<b>

<b>标签仅用于纯样式加粗，无语义含义，建议优先使用<strong>标签。
示例：

<p>这是<b>加粗文字</b>，无特殊语义。</p>

效果：
这是加粗文字，无特殊语义。

---

通过CSS样式加粗

使用CSS的font-weight属性可灵活控制字体粗细，支持数值（如700）或关键词（如bold）。
示例：

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

效果：
这是CSS加粗的文本。

---

对比表格：<strong> vs <b> vs CSS加粗

特性	<strong>	<b>	CSS (font-weight: bold;)
语义	强调重要性	纯样式加粗	无语义，仅样式
SEO推荐	推荐使用	不推荐	推荐（需配合语义标签）
可访问性	屏幕阅读器会提示“重要”	无特殊提示	无提示

---

常见问题与解答

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

解答：

• <strong>是语义化标签，表示内容重要性，搜索引擎和辅助工具会优先处理。
• <b>仅用于视觉加粗，无语义，SEO和可访问性较差。
  建议：优先使用<strong>，除非仅需纯样式加粗。

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

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

• normal（正常粗细，通常为400）
• bold（加粗，通常为700）
• 数值（100~900，如500表示中等粗细）
  示例：

  p {
  font-weight: 600; / 中等加粗