css - <p> 和 <div> 之间的非语义区别是什么?

标签 css html

它们都是 block 元素。那么为什么我可以嵌套一个 <div><div> 里面, 但不能嵌套 <p><p> 里面? (好吧,我可以,但是第二个 <p> 只是开始一个新 block 。)

我已经阅读了 div tagp tag ,但我没有看到任何解释它的东西。如果它在那里,那么它就超出了我的头脑。

郑重声明,我不想嵌套 p标签,我只是想更多地了解基础知识。

最佳答案

根据您的链接(在 Permitted content 部分),<p>允许包含 phrasing content , 而 <div>允许包含 flow content (其中包括短语内容元素类型)。

enter image description here

在实际层面上,浏览器通常也会对 <p> 应用边距.

关于css - <p> 和 <div> 之间的非语义区别是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28308672/

相关文章:

javascript - instagram 喜欢将鼠标悬停在图像上时显示的计数

javascript - 如何让每个 <li> 都有一个复选框(HTML & Javascript)

javascript - 如何删除博主帖子缩略图末尾的三个点

javascript - 在 VueJS 中使用按钮水平滚动

JavaScript - 鼠标悬停和鼠标移开图像

html - 我无法将 div 置于图像的中心

jquery - 如何更改 :-moz-placeholder color with jQuery once it's set?

javascript - ScrollTo 居中到没有 div 的网站

javascript - 使纸张对齐的 html 与 WKHTMLTOPDF 一起使用

javascript - 使子元素具有与父元素相同的宽度和边框