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