优先选而非，因具有语义重要性，屏幕阅读器加重读出，利于seo与无障碍；表语气强调，仅样式斜体；专用于上下文相关高亮，非装饰性背景替代。
直接用 <strong></strong>，别用 <b></b> —— 除非你只要视觉加粗，不关心语义或可访问性。
为什么优先选 <strong></strong> 而不是 <b></b>
浏览器渲染效果一样，但语义完全不同：<strong></strong> 表示“这段内容在逻辑上更重要”，屏幕阅读器会加重语气读出；<b></b> 只是“我要它看起来粗一点”，没有结构含义。搜索引擎、辅助工具、未来浏览器都依赖这种语义区分。
- SEO 场景下，
<strong></strong>内容可能被赋予更高权重 - WCAG（无障碍标准）明确要求用
<strong></strong>替代<b></b>实现强调 - 团队协作时，别人一眼能看出你是想表达“重要”，而不是“随便加粗”
<em></em> 和 <i></i> 的区别不能只看斜体效果
<em></em> 是“强调语气”，比如反问、转折、关键词重读；<i></i> 是“纯样式斜体”，适合外来词（<i>café</i>）、技术术语（<i>DOM</i>）、船名等。用错会导致语音阅读器语调异常，或让翻译工具误判。
- 正确：
<p>你<strong>真的</strong>确定要删除吗？</p>（“真的”是强调语气） - 正确：
<p>请打开 <code><code>package.json文件，修改<code>scripts字段中的<code>build命令。（技术名词用<code>，不是<i></i>） - 错误：
<p>这个功能 <i>非常重要</i></p>（该用<em></em>或<strong></strong>）
别滥用 <mark></mark> 当高亮背景色
<mark></mark> 专用于“上下文中的相关高亮”，比如搜索结果中匹配的关键词、文档中需要临时标记的内容。它不是 CSS 的 background-color 替代品——没有上下文关联的纯装饰性高亮，应该用 class + CSS 控制。
- 合适：
<p>搜索结果：页面中包含 <mark>HTML 格式化标签</mark> 的说明。</p> - 不合适：
<p>本课程重点：<mark>掌握 <strong> 与 <em></em></strong></mark></p>（这里没上下文，应改用<strong></strong>） - 注意：
<mark></mark>默认背景色在深色模式下可能不可见，需额外 CSS 适配
真正容易被忽略的是嵌套层级和语义冲突：比如在 <strong></strong> 里再套 <em></em> 是允许的，但连续三层强调（<strong><em><mark></mark></em></strong>）会让辅助技术困惑。重点永远是“这段话为什么值得突出”，而不是“怎么让它看起来最显眼”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
