Html p与br区别用法知识篇

P和Br都有换行作用，p标签是段落标签，br是强制换行标签。

br p目录

1. 相关知识
2. <P>和<br />标签区别
3. Br与p总结

一、相关html知识   -   TOP

1、html p
2、html br

二、<P>和<br />标签区别   -   TOP

P是使用一对<p></p>组合标签，而br独立一个<br />闭合标签。

1、P段落标签介绍
通常文章中段落区分明显上段文字与下段文字有一定间隔我们就可以对上下段文字都使用p标签，我们使用p段落标签，在一段文字开始前使用<p>，在这段文字结束加个</p>标签。段落p标签将让上段与下段文字有一定距离，大概是两倍line-height行高距离。

案例效果截图：

段落p标签案例截图

2、Br强制换行标签介绍
区别于p段落标签，br标签我们用于文段换行排版。换行后上下行文字距离是按line-height行高实现间距。

br换行标签案例截图

通常同等初始化下网页里，要实现上下文字间隔相同，2个br换行标签相当于使用p段落标签。

P与br标签对比使用案例截图

p br对比案例截图

Html P段落与html Br换行对比案例HTML代码片段：

第一行文字 www.thinkcss.com <br /> 
第二行文字 <br /><br /> 
第三行文字<br /> 
第四行文字 
 
<p>第一段</p> 
<p>第二段</p> 
<p>第三段</p> 

三、Br与p总结：   -   TOP

我们需要文字小换行时候我们使用br换行标签，如果要实现段落可以使用p标签，这样HTML结构清晰有利于搜索引擎与用户阅读文章，适当的段落与换行布局应该从用户阅读习惯。当然我们也可以使用CSS对p标签设置样式属性，让p段落标签上下段落间隔缩小和拉大。

相关阅读：
1、Br强制换行
2、P段落换行

标签(Tag): br p p与br