<p>和<div>之间有什么区别?

它们可以互换使用吗?应用是什么?


当前回答

DIV是一个通用的块级容器,它可以包含任何其他块或内联元素,包括其他DIV元素,而P用于段落(文本)的换行。

其他回答

p标记用于段落,通常用于文本。div标签用于划分,通常用于创建文本的部分。

这两个元素之间唯一的区别是语义。默认情况下,这两个元素都应用了CSS规则display: block(因此是块级);没有更多的(除了在某些情况下有一些额外的边际)。然而,如前所述,它们在语义上都有很大的不同。

<p>元素,顾名思义,是用于段落的。因此,当您想要创建段落文本块时,应该使用<p>。

然而,<div>元素在语义上几乎没有任何意义,因此可以用作一般的块级元素——最常见的情况是,人们在布局中使用它,因为它在语义上没有意义,可以用于您可能需要块级元素的任何地方。

链接获取更多详细信息

最好看看W3.org设计的标准。这是地址:http://www.w3.org/

“DIV”标签可以包装“P”标签,而“P”标签不能包装“DIV”标签——到目前为止我知道这个区别。可能还有其他的不同。

DIV是一个通用的块级容器,它可以包含任何其他块或内联元素,包括其他DIV元素,而P用于段落(文本)的换行。

之前的代码是

<p class='item'><span class='name'>*Scrambled eggs on crusty Italian ciabatta and bruschetta tomato</span><span class='price'>$12.50</span></p>

所以我要把它改成

<div class='item'><span class='name'>*Scrambled eggs on crusty Italian ciabatta and bruschetta tomato</span><span class='price'>$12.50</span></div>

这很容易解决。上面代码的CSS是

.item {
    position: relative;
    border: 1px solid green;
    height: 30px;
}

.item .name {
    position: absolute;
    top: 0px;
    left: 0px;
}

.item .price {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

所以div标签可以包含其他元素。P不应该被强迫这么做。