写网页时，很多人随手就敲几个文字扔进代码里，觉得只要能显示就行。但其实，HTML 的 <p> 标签不只是让文字换行那么简单，它是结构化内容的基础元素之一。
什么是 p 标签
<p> 是 HTML 中用来定义段落的标签。浏览器会自动在段落前后添加一定的空白间距，让文本更易读。它属于块级元素，独占一行，适合包裹独立的一段文字内容。
比如你要写一篇产品介绍，每一句话都不应该直接裸露在 body 里，而应该用 <p> 包起来：
<p>这款笔记本搭载最新处理器，运行流畅，适合日常办公和轻度剪辑。</p>
<p>续航时间长达12小时，外出携带无需频繁充电。</p>别滥用 br 强制换行
有些人为了省事，一段文字写完就加个 <br> 换行，看起来也像分段，但这是错误做法。br 只是换行符，不构成语义上的段落。搜索引擎和屏幕阅读器无法识别这种“伪段落”，对无障碍访问和SEO都不友好。
正确的做法是每个逻辑段落都用一对 <p></p> 包裹。这样不仅结构清晰，样式也更容易统一控制。
配合 CSS 更灵活
p 标签默认有上下边距，如果你觉得段落之间空隙太大，可以通过 CSS 调整：
p {
margin: 1em 0;
}
/* 或者紧凑一点 */
p {
margin: 0.5em 0;
}也可以给特定段落加 class 来单独设置样式：
<p class="intro">这是文章开头段，想突出显示</p>然后在 CSS 里定义 .intro 的字体大小或颜色，实现个性化排版。
注意嵌套规则
p 标签内部不能嵌套其他块级元素，比如 div、h1、ul 等。下面这样的写法是非法的：
<p>
<div>错误示例</div>
</p>如果需要复杂布局，应该用 div 或 section 来组织结构，p 只专注于文字段落。
在办公文档转网页的场景中，尤其要注意这一点。很多人复制 Word 内容粘贴到编辑器，容易带出多余标签，导致 p 标签嵌套混乱，影响页面渲染。