p标签用于定义HTML段落,浏览器自动添加空白提升可读性。使用包裹文本形成独立段落,如第一段第二段

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











