HTML 段落¶

p 元素表示一段相对完整的文字。段落应按内容自然分组，段间距离由 CSS 控制，不应依赖空段落或连续换行。

学习目标¶

每个独立段落使用一个 p：

<article>
  <h1>发布说明</h1>
  <p>本次更新改进了键盘导航，并修复了图片替代文本。</p>
  <p>升级前请先备份站点配置。</p>
</article>

HTML 源码中的连续普通空格和换行通常会折叠为一个空格。因此，单纯在编辑器中增加空行，不会在段落内部保留相同数量的可见空白。

br 表示内容本身需要换行，例如诗句或地址，不是通用间距工具：

<address>
  示例路 18 号<br>
  海淀区，北京市
</address>

主题发生转换时可使用新段落、标题或适当的章节结构。hr 表示段落级主题转换，并不只是“一条装饰线”。视觉间距应交给 margin 等 CSS 属性。

段落适合包含文本和短语内容，如 a、em、strong、code。它不能包含 div、列表、标题或另一个段落。浏览器遇到这些结构时可能提前结束 p，造成意外 DOM。

<p>运行 <code>npm test</code> 前，请先安装项目依赖。</p>

从接口或用户输入得到的文本不应通过拼接标签插入页面。若内容就是纯文本，应使用模板自动转义或 DOM 的 textContent；只有明确需要富文本时，才采用经过严格配置的可信净化方案。