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

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

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

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

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值