段落标签<p>用于定义文本段落，浏览器自动添加上下空白，提升可读性。正确使用可增强语义化与可访问性，基本语法为<p>内容</p>。通过CSS的margin、text-indent、line-height和text-align可控制间距、缩进、行高和对齐方式。避免用<br>换行、嵌套块级元素及空段落。结合<article>、<section>等语义标签构建清晰结构，使页面更专业易维护。
HTML中的段落标签 <p> 是用来定义文本段落的基本元素。浏览器在显示时会自动在每个段落前后添加一定的空白（外边距），使内容更易阅读。正确使用段落标签不仅能提升页面结构的清晰度，还能增强语义化和可访问性。
基本用法
将一段文字包裹在 <p> 和 </p> 标签之间即可创建一个段落：
<p>这是一个段落示例。</p><p>这是另一个段落。</p>
浏览器会为每个段落单独成行，并在上下添加默认间距。
设置段落格式与间距
虽然 <p> 标签有默认样式，但你可以通过CSS来精确控制格式和间距：
立即学习“前端免费学习笔记（深入）”；
- 使用 margin 控制段落上下间距，例如：
p { margin: 20px 0; } - 使用 text-indent 实现首行缩进，常用于中文排版：
p { text-indent: 2em; } - 调整 line-height 改善行间距离，提高可读性：
p { line-height: 1.6; } - 通过 text-align 设置对齐方式，如居中或两端对齐：
p { text-align: justify; }
避免常见错误
使用段落标签时应注意以下几点：
- 不要用多个 <br> 标签代替 <p> 来换行，这会破坏语义结构。
- 避免嵌套块级元素（如 div）在 <p> 内部，可能导致意外闭合。
- 空段落（仅用于占位）应避免，推荐使用CSS的 margin 或 padding 实现空白。
结合语义化结构
在实际开发中，建议将 <p> 与其他语义标签配合使用，比如 <article>、<section> 或 <div>，以构建清晰的内容层级：
<article><h2>文章标题</h2>
<p>第一段内容……</p>
<p>第二段内容……</p>
</article>
基本上就这些。合理使用 <p> 标签并结合CSS控制样式，能让网页内容更整洁、专业且易于维护。
