p标签用于定义HTML段落，浏览器自动添加空白提升可读性。使用<p>包裹文本形成独立段落，如<p>第一段</p><p>第二段</p>；通过CSS设置margin和padding控制间距，示例：p { margin-top: 10px; margin-bottom: 10px; padding: 5px; }，避免用多个br换行，应使用多个p标签保证语义清晰，利于SEO和样式管理。
HTML段落标签（p标签）是网页中用于定义文本段落的基本元素。浏览器会自动在每个段落前后添加一定的空白，使文本更易读。正确使用p标签不仅能提升内容结构清晰度，还能为后续样式控制打下基础。
创建标准段落：使用 p 标签包裹文本
将每一段独立的文字用 <p> 和 </p> 包裹，是HTML中最常见的做法。
例如：
<p>这是第一个段落。</p><p>这是第二个段落。</p>
浏览器渲染时，两个段落之间会有默认的上下边距，形成自然的分隔。
立即学习“前端免费学习笔记（深入）”；
控制段落间距：通过CSS调整margin和padding
p标签默认的间距由浏览器样式表决定，但你可以通过CSS精确控制。
- 使用 margin 控制段落上下距离
- 使用 padding 调整段落内部留白
- 重置默认间距以实现统一布局
示例CSS代码：
p {
margin-top: 10px;
margin-bottom: 10px;
padding: 5px;
}
这样可以消除不同浏览器间的默认样式差异。
避免常见错误：不要用多个br标签代替p标签
有些人为了换行会连续使用 <br><br>，这种方式语义不明确，不利于SEO和可访问性。
正确的做法是使用多个p标签来表示多个段落。
比如：
<p>第一段内容</p><p>第二段内容</p>
这比 <br> 更具结构性，也更容易用CSS统一管理。
基本上就这些。合理使用p标签并配合CSS控制间距，能让网页文本看起来更专业、更易维护。
