大家都知道,块标签可以包含行内块标签或某些块级元素或行内标签,但行内标签不能包含块级元素,它只能包含其它内联元素。
但有几个却是特殊的,今天使用p标签的时候发现,p标签并不能嵌套块标签,这个不能嵌套不仅是指div、ul等等标签,就连p标签自己也是不能的,嗯…百姓不放火,州官的你也不行,大概就是这样的感觉。跟它一样独断专行的,还有h1~h6标签、dt标签。
错误写法:
<p>我是段落p标签
<div>我是嵌套在p标签内部的div</div>
</p>
在写代码的时候确实不出错,但是在执行代码到页面检查的时候才会发现,p标签不仅没有嵌套div标签,反而是自动补全p标签,如下图:
这几个块标签不能容忍同样的块标签之外,我又测试了一下它们是否可以嵌套内敛标签和行内块标签,结果是正常的,这一点,倒是还算这些特殊的标签有点人性吧~