是语义化标签,非视觉装饰:必须用于逻辑重要、后果明确的内容(如警告、关键数据、必填提示),而非单纯加粗;它向屏幕阅读器和搜索引擎传递“内容很重要”信号,嵌套受限且样式可覆盖但语义不变。

直接用 <strong></strong> 包裹要强调的文本即可,但必须理解它不是“加粗开关”,而是语义标记——浏览器默认加粗只是表象,真正起作用的是它向屏幕阅读器、搜索引擎传递的“这个内容很重要”这一信号。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML,替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度,HTML 能同时承载排版、表格、SVG 等。
什么时候该用 <strong> 而不是 <b>
关键看是否需要传达「重要性」:
- 用 <strong>:警告信息(<strong>此操作不可撤销</strong>)、关键参数(<strong>API_KEY</strong>)、合同条款中的责任条款
- 用 <b>:纯视觉需求,比如品牌名在标题中需要加粗但无语义权重(<b>MyApp</b> Dashboard)
- 别用 <strong>:仅为了排版美观而加粗一段普通描述,这时应改用 CSS 的 font-weight
<strong> 的嵌套与边界限制
<strong> 是行内元素,不能包裹块级元素(如 <p>、<div>),否则会破坏 HTML 结构合法性:
- ✅ 正确:<p>请确认<strong>邮箱地址</strong>是否正确</p>
- ❌ 错误:<strong><p>这是段落</p></strong>(多数浏览器会自动修复,但校验失败、可访问性受损)
- ⚠️ 可嵌套其他行内标签:比如 <strong>错误代码 <code>404</code></strong> 是合法且推荐的
样式覆盖后 <strong> 还有效吗
有效。即使你用 CSS 把 <strong> 设为细体、红色、斜体甚至隐藏,它的语义仍然保留:
- 屏幕阅读器仍会加重语气读出内容
- 搜索引擎仍会将其视为高权重文本
- 浏览器开发者工具里 DOM 树中依然标记为 strong 元素
- 示例 CSS:
strong { font-weight: normal; color: #d32f2f; font-style: italic; }——视觉变了,语义没丢
最容易被忽略的一点:很多人把 <strong> 当成样式快捷键反复滥用,结果整页都是粗体,反而稀释了真正重点。它应该像标点符号里的感叹号——少而有力,不该是句号或逗号。


















