HTML <strong>加粗粗体标签怎么用

# HTML `<strong>`加粗粗体标签怎么用

在HTML中，`<strong>`标签是用来表示**文本重要性**的语义化标签，默认情况下浏览器会将其内容渲染为**粗体**。本文将详细介绍它的用法、与`<b>`标签的区别以及实际应用场景。

## 一、基本语法

```html
<p>这段文字包含<strong>重要内容</strong>需要强调</p>

渲染效果：
这段文字包含重要内容需要强调

二、核心特性

1. 语义化强调
   与纯样式标签<b>不同，<strong>表示：

   • 内容具有更高的重要性
   • 屏幕阅读器会加重朗读语气
   • 对SEO有积极影响

2. 默认样式
   所有主流浏览器默认样式：

   strong {
    font-weight: bold;
   }
   

3. 嵌套规则
   可以与其他标签嵌套使用：

   <strong><em>既重要又倾斜的文本</em></strong>
   

三、与<b>标签对比

四、实际应用示例

场景1：警告提示

<div class="alert">
  <strong>警告！</strong>未保存的数据将会丢失
</div>

场景2：文档重点

<article>
  <h2>使用条款</h2>
  <p>用户必须<strong>年满18周岁</strong>才能注册...</p>
</article>

场景3：表单必填项

<label for="email">
  电子邮箱 <strong>*</strong>
</label>
<input type="email" required>

五、CSS自定义样式

虽然默认显示为粗体，但可以通过CSS修改：

/* 改为红色强调 */
strong {
  font-weight: normal;
  color: #ff0000;
  text-decoration: underline;
}

六、注意事项

1. 避免过度使用，否则会削弱强调效果
2. 不要仅为了视觉加粗而使用，非语义化场景用<b>或CSS更合适
3. 在移动端建议保持默认粗体样式，确保可读性

七、扩展知识

HTML5规范中，<strong>的语义被细分为： - 单层嵌套：一般重要性 - 多层嵌套：极高重要性（如：<strong><strong>紧急！</strong></strong>）

通过合理使用<strong>标签，既能提升内容可访问性，又能建立清晰的文档结构。 “`