html初级p标签带来的块级元素与内联元素的嵌套问题

学了这么久，感觉html实在是没有什么可学的，但是还是太年轻了。

猜一猜浏览器会怎么解析下面的代码：



想不到吧，结果竟然是这样的：



以前从来没有写过这样的代码，p标签嵌套p标签这种的，或者说可能一不小心写过，但是浏览器没出什么差别所以自己也忘了。

但是今天真的被重重打了一锤，p标签是块级元素，是不能再嵌套块级元素的。但是那为什么div也是块级元素，却可以嵌套p标签呢，问题来了：

有几个特殊的块级元素只能包含内联元素，而不能包含块级元素，他们分别是h1-h6，p，dt。

所以刚才的代码，浏览器很可能是这样解析的：



所以不要轻视任何一个小小的细节~