P中的DIV标签在DOM树中看起来很奇怪

Question

查看任何Web检查器，以下标记输出意外（至少对我而言）结果：

<p>
    <div>Here's a div!</div>
    And here's some text. 
    <div>Here's another div!</div>
</p>

使用Chrome的开发工具，我看到DOM树看起来像这样：

也许我的大脑放屁，但DIV不应该在P标签内？

Answer 1

将<div>置于<p>内是无效的html。 <p>元素仅用于包含内联元素。 <div>是一个块元素。有关详细信息，请参阅9.3.1 of the HTML Specification部分。

Chrome有时会将错误的HTML重写为有效。

以下是相关/重复的question。