的对寻找怪异DOM树

Question

综观任何网页检查里面DIV标签，下面的标记被输出意想不到的（至少对我来说）结果：

<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。