php的div和p的区别,p标签与div标签区别

一、css属性分辨

1、结构差距

div与p均是一对最先与闭合标签。

div以

最先，以

结束的一对标签。

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标签元素。