应优先用 标签局部加粗，因其兼具语义强调与无障碍支持；纯视觉加粗可用 ；避免内联样式，统一用 css 类控制；注意字体是否支持所需字重。

段落里只加粗其中几个字，用 或 包住那部分文字就行，不用动整个

标签。

优先用 标签做局部加粗

它既让文字变粗，又告诉浏览器和屏幕阅读器“这部分内容很重要”。比如：

• <p>订单已提交，<strong>请勿重复支付</strong>。</p>
• 搜索引擎和读屏软件会识别 的语义，对 SEO 和无障碍更友好
• 样式可统一通过 CSS 控制，比如 strong { font-weight: 700; }

标签适合纯视觉加粗

当加粗只是为了突出外观、没有强调含义时，比如词典里的词条名、小说中角色首次出场名：

html-to-pptx

将多页 HTML 演示文稿转换为美化的 PPTX 文件，便于分享和分发。

下载

• <p>《红楼梦》中，<b>贾宝玉</b>是核心人物之一。</p>
• 不传达重要性，只是“看起来粗一点”
• 别用它替代 来表达关键信息

避免在段落里写内联 style

像 <p>价格<span style="font-weight:bold">¥99</span></p> 这种写法不推荐：

• 样式混在 HTML 里，后期难修改、难复用
• 如果页面多处要加粗价格，每个都写一遍 style 容易出错
• 真要用 CSS 控制，建议定义类，如 <span class="price">¥99</span>，再统一设 .price { font-weight: 700; }

注意字体本身是否支持加粗

有些中文字体（尤其某些免费字体或系统默认字体）只提供 normal（400）一种字重：

• 即使写了 font-weight: bold 或用了 ，也可能显示不出明显加粗效果
• 可用 font-weight: 600 或 700 尝试，比 bold 更明确
• 必要时换用支持多字重的字体，比如 “PingFang SC”, “Microsoft YaHei”, 或 Web 字体

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！