首页 > 代码库 > html中标签的嵌套规则(注意:p中不可以嵌套div)
html中标签的嵌套规则(注意:p中不可以嵌套div)
今天看到一道阿里的前端笔试题:
当时看到第一个选项的时候果断滴选择是错误的,但是晚上自己做练习的时候,就顺带试了一下,用一个p标签嵌套了个div,但是,天啊,浏览器竟然解析为:
<p> <p></p>
<div></div> <div></div>
</p> <p></p>
原始样子 浏览器解析的样子……
瞬间有种被嘲弄的感觉,哎,细节……
废话少说。并不是所有的块级元素都可以包括块元素,可能是语义化的追求,有一些块元素是不可以自由嵌套的。
不可自由嵌套的元素就是里面只能放内联元素的,它们包括有:
标题标记的<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<caption>;段落标记的<p>;分隔线<hr>和一个特别的元素<dt>(它只存在于列表元素<dl>的子一级)。
涨姿势了……
html中标签的嵌套规则(注意:p中不可以嵌套div)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。