p标签与div标签区别

一、css属性分辨

1、结构差距
div与p均是一对最先与闭合标签。
div以<div>最先,以</div>结束的一对标签。

p以<p>开端,以</p>完结的一对标签。

2、称谓分歧
div是布局框架标签;
p是段落标签,布局文章标签。

3、div与p底子css属性
div与p均独有一行的块元素标签,唯一鉴识,p自带有一定margin-top和margin-bottom属性值,而div两个属性值为0,也便是两个p之间有不一定间距,而div没有。

div凹凸没有距离间距,而p有。

p自带距离一行的间距,而div不有上下隔绝距离间距

从上实例图看见div与p之间在于隔断。而p距离是受line-height行高影响,行高小那末p上下间距就小,行高值大,那末高低段落p隔绝距离就大。

二、框架组织

在机关html重构时刻,div首要用于构造框架,大小结构构造均运用div来结构。

div用于结构框架

一样平常结构均运用div标签机关。

三、形式布局

机关模式,结构文章时分,文章分段,均采取p标签。

组织文章接纳p对比多

四、局部模式构造

尽管无意偶尔组织只要一段翰墨中央,可采纳div也可采取p标签,若是采用p标签,但不紧要p自带高下间距,这个时分我们就必要确定p自带高低间距,配置CSS:
.abc p{margin-top:0;margin-bottom:0}
这样即可肯定class=abc对象内p高下间距为0.

css取消p标签高低间距

CSS5首倡:平凡结构框架结构应用div组织,文章段落接纳p标签组织。这样依照标签性能使用标签,尽量做到不滥用标签尺度使用html标签元素。