推荐使用 而非 ，因其传达语义重要性，被屏幕阅读器加重朗读，利于无障碍和seo； 仅表视觉加粗，无语义，纯样式应交由css控制。
HTML 里怎么加粗文字
用 <strong></strong> 标签，不是 <b></b>，也不是 CSS 的 font-weight —— 除非你明确只要视觉加粗、不关心语义。
为什么推荐 <strong></strong> 而不是 <b></b>
<strong></strong> 表示内容有**重要性**，屏幕阅读器会加重语气读出来；<b></b> 只是“别让它看起来像普通文本”，没语义权重。
搜索引擎、无障碍工具、甚至某些终端渲染器都依赖这个区别。
- 写标题里的关键词？用
<strong></strong> - 给品牌名加个视觉强调但无特殊含义？
<b></b>也行，但越来越不推荐 - 纯样式控制（比如统一让某类文字变粗）？该用 CSS 类，而不是硬塞标签
<strong></strong> 的常见误用场景
很多人把它当“HTML 加粗快捷键”乱套，结果破坏结构或引发可访问性问题。
立即学习“前端免费学习笔记（深入）”；
- 在
<h1></h1>里再套<strong></strong>：标题本身已含最高语义权重，多此一举 - 用
<strong></strong>替代 CSS 控制段落中部分文字颜色+粗细：语义和样式混在一起，后期难维护 - 嵌套太深，比如
<strong><em><strong>...</strong></em></strong>：屏幕阅读器可能跳过中间层，或读得混乱 - 服务端模板里动态拼接
<strong></strong>却没转义用户输入：导致 XSS，比如用户输<script>alert(1)</script>
真要快速加粗，一行代码够吗
够。但得看在哪用、为什么用。
静态文案直接写：
<p>这个功能已<strong>正式上线</strong>，请尽快升级。</p>
如果是 JS 动态插入，别用字符串拼接 <strong></strong>：
- 用
document.createElement('strong')+textContent最安全 - 用
innerHTML时，确保内容已 HTML 转义，或只来自可信源 - React/Vue 等框架里，优先用组件逻辑控制，而不是手动注入带标签的字符串
语义、安全、可维护性，这三个点卡住的地方，往往比“怎么写加粗”本身更耗时间。
