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>的子一级)。
涨姿势了……
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。