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

<p>表示段落，具有语义意义。

<div>只是一个用于其他内容的块容器。

任何可以在<p>中出现的东西都可以在<div>中出现，但反过来就不对了。<div>标签可以有块级元素作为子元素。<p>元素不能。

让我们看一下HTML DTD。

<！实体% inline "#PCDATA | %fontstyle;| %短语;| %特殊;| % formctrl;" > <！实体%块 "P | %标题;| %列表;| %格式化;| dl | div | noscript | Blockquote | form | hr | table | fieldset | address“> . <！实体%流量"%块;| %内联;" > <！元素DIV -- (%flow;)*——通用语言/样式容器——> <！ELEMENT P - O (%inline;)*——段落——>

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

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

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

之前的代码是

<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不应该被强迫这么做。

除了已经给出的答案之外，还有一个主要区别:

Div可以包含其他Div元素 P不能包含另一个P元素

这意味着div可以被堆叠，而p不能!

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