<p>不能用<div>替代，因p是语义化段落容器，自带默认间距并标识独立语义单元；div无语义、无默认间距，滥用会导致SEO下降、无障碍访问失败及CSS控制困难。
HTML 文本标签不是“样式开关”，而是语义容器——选错标签，搜索引擎看不懂内容重点，屏幕阅读器念不准语气，CSS 也难精准控制。
为什么 <p> 不能随便用 <div> 替代
<p> 表示一个完整段落，浏览器默认加段前段后间距，且隐含“独立语义单元”；<div> 是无语义的通用块容器，不带任何默认语义或间距。用 <div> 包文字，等于告诉浏览器：“这段字没特别含义”。
- SEO 影响：搜索引擎靠
<p>、<h1>等识别正文主干，乱用<div>会稀释内容权重 - 可访问性问题：屏幕阅读器对
<p>会停顿、朗读为“段落”，对<div>则直接连读，易造成理解断裂 - CSS 维护成本：想统一调整所有段落行高？写
p { line-height: 1.6; }就行；若全用<div class="text">，就得额外加 class、维护选择器
<strong> 和 <b> 的实际区别在哪
<strong> 表达语义上的“重要性”，比如警告、关键结论；<b> 只是视觉加粗，没有语义强度，适合人名、产品名等需要突出但不强调重要性的场景。
- 错误用法：
<strong>iPhone 15</strong>—— 这不是“重要内容”，只是品牌名，应改用<b> - 正确用法：
<strong>请勿在充电时使用本设备</strong>—— 这是安全强提示，语义必须强化 - 兼容性注意：两者默认都加粗，但部分无障碍工具会为
<strong>提升音量或语速，<b>不会
<hr> 不是装饰线，它有明确语义边界
<hr> 在 HTML5 中定义为“主题分隔符”（thematic break），表示内容主题的转换，比如从引言切换到正文，或从作者介绍切换到文章列表。它不是视觉上画条线那么简单。
立即学习“前端免费学习笔记（深入）”；
- 别用它做“分割线样式”：想加虚线/颜色/高度？该用 CSS 边框（
border-bottom）或伪元素，而不是给<hr>加一堆 style 属性 - 替代方案更灵活：
<div role="separator" aria-label="章节分隔">更可控，尤其当需要自定义语义说明时 - 常见误用：在导航菜单项之间加
<hr>—— 导航项是并列关系，不是主题切换，应该用 margin 或 list-item 分隔
真正难的不是记住标签名，而是判断哪句话该用 <em>（语气强调）、哪句该用 <mark>（上下文相关高亮）、哪句其实该归入 <blockquote>（引用来源）。语义一旦写错，后续所有样式、SEO、无障碍适配都会打折扣。
