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

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


当前回答

可以将DIV看作一个分组元素。将元素放在DIV元素中,以便可以设置它们的对齐方式

而“p”只是创建一个新段落。

其他回答

<p>代表一个段落,<div>代表一个“分割”,我认为主要的区别是div在语义上是“无意义的”,其中<p>应该代表与文本本身有关的东西。

例如,你不会想要有嵌套的<p>s,因为这不会有太多的语义意义(除了在引用的意义上),而人们使用嵌套的<div>s进行页面布局。

根据维基百科

在HTML中,span和div元素是 用于文档的某些部分不能使用的地方 被他人从语义上描述 HTML元素。

可以将DIV看作一个分组元素。将元素放在DIV元素中,以便可以设置它们的对齐方式

而“p”只是创建一个新段落。

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

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

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

链接获取更多详细信息

这些都是很好的答案,但有一个区别我还没有看到提到,那就是浏览器默认呈现它们的方式。主要的web浏览器会在段落的上方和下方显示一个<p>标签。<div>标记将被呈现,完全没有任何边距。

<p>在语义上通常用于文本,段落。

<div>用于网页中的块或区域。例如,它可以用来制作标题的区域。

它们可能可以互换使用,但你不应该这样做。