首页 > 代码库 > 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)