码迷,mamicode.com
首页 > Web开发 > 详细

html中标签的嵌套规则(注意:p中不可以嵌套div)

时间:2014-09-28 22:46:55      阅读:695      评论:0      收藏:0      [点我收藏+]

标签:style   http   color   io   strong   sp   div   on   c   

今天看到一道阿里的前端笔试题:

  bubuko.com,布布扣

当时看到第一个选项的时候果断滴选择是错误的,但是晚上自己做练习的时候,就顺带试了一下,用一个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)

标签:style   http   color   io   strong   sp   div   on   c   

原文地址:http://www.cnblogs.com/bjchenxn/p/3998919.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!