是语义化段落容器，非换行工具；内容构成逻辑完整段落时必须用，如新闻、协议；诗歌、地址等同段内换行才用。
<p></p> 标签不是“换行工具”，而是语义化的段落容器。用错会导致结构混乱、SEO 降权、屏幕阅读器误读。
什么时候该用 <p></p> 而不是 <br>
核心判断标准是：内容是否构成一个逻辑完整的段落。
- 新闻稿、说明文字、用户协议条款——用
<p></p>，每段独立包裹 - 诗歌、地址、简历中的单行信息（如“北京市朝阳区XX路1号”）——用
<br>连接多行 - 误用
<p></p>包裹单行再强行<br>换行，会引入多余上下边距，破坏视觉节奏 - 浏览器默认给
<p></p>添加margin-top和margin-bottom，而<br>无任何样式
<strong></strong> 和 <b></b> 的实际区别不止是语义
多数人知道 <strong></strong> 表示“强重要”，<b></b> 是“单纯加粗”，但真实影响在可访问性层面：
- 屏幕阅读器对
<strong></strong>通常会加重语气或暂停，<b></b>则静默处理 - CSS 重置后两者外观一致，但语义无法被 CSS 覆盖——
<strong></strong>仍会被辅助技术识别为强调 - 搜索引擎可能将
<strong></strong>内容赋予更高关键词权重（虽非决定性因素） - 不要用
<strong></strong>替代标题标签（如<h2></h2>），它不参与文档大纲生成
<hr> 不是装饰线，而是主题分隔符
<hr> 在 HTML5 中被明确定义为“段落级主题变更”的标记，不是视觉分隔的万能胶：
- 它会中断当前段落流，在 DOM 中创建一个隐式节（sectioning）边界
- 用 CSS 改变颜色/粗细没问题，但若仅为了“画一条线”就滥用，会干扰语义结构
- 替代方案：用
<div class="divider"></div>+ CSS 更安全；需要语义分隔时才用<hr> - 旧写法
<hr>在 HTML5 中合法，但推荐写成<hr>（无斜杠）以保持简洁
<time></time> 和 <mark></mark> 是容易被忽略的实用标签
它们不常被用，但解决特定问题很精准：
-
<time datetime="2026-08-26">今天</time>：让机器可读时间，支持日历聚合、提醒触发、SEO 时间标注 -
<mark>高亮文本</mark>：比<span style="background: yellow"></span>更语义化，且默认样式就是黄底黑字，无需额外 CSS - 两者都支持全局属性（如
id、class），但<time></time>的datetime值必须符合 ISO 8601 格式，否则无效 - 别把
<mark></mark>当作通用高亮工具——它专指“在引用上下文中需要突出显示的内容”，比如搜索结果中匹配词
真正难的不是记住标签名，而是每次敲下 时，先问一句：这个内容在文档结构里扮演什么角色？
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
