关于块标签不能嵌套块标签的那些事儿

大家都知道,块标签可以包含行内块标签或某些块级元素或行内标签,但行内标签不能包含块级元素,它只能包含其它内联元素。
但有几个却是特殊的,今天使用p标签的时候发现,p标签并不能嵌套块标签,这个不能嵌套不仅是指div、ul等等标签,就连p标签自己也是不能的,嗯…百姓不放火,州官的你也不行,大概就是这样的感觉。跟它一样独断专行的,还有h1~h6标签、dt标签。

错误写法:
<p>我是段落p标签
        <div>我是嵌套在p标签内部的div</div>
    </p>

在写代码的时候确实不出错,但是在执行代码到页面检查的时候才会发现,p标签不仅没有嵌套div标签,反而是自动补全p标签,如下图:
p标签不能嵌套块元素
这几个块标签不能容忍同样的块标签之外,我又测试了一下它们是否可以嵌套内敛标签和行内块标签,结果是正常的,这一点,倒是还算这些特殊的标签有点人性吧~


版权声明:本文为qq_43687594原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。