标签的嵌套规则

1.块级元素与块级元素平级,内嵌元素与内嵌元素平级

错误写法

<div>

    <span></span>

    <div></div>

</div>

 

<div>

    <span></span>

    <span></span>

</div>

 

2.块级元素可以包含内联元素或者某些块元素,但内联元素不能包含块级元素,内联元素只能包含在内联元素中

 

注意:a标签中不能嵌套a标签

 

3.有几个特殊的块级标签只能包含内联元素,不能再包含其他元素

h1,h2,h3,h4,h5,h6,p,dt

 

小结:虽然我们可以嵌套标签,但是为了提高浏览器的渲染效率,我们应该尽可能的减少标签的相互嵌套,扁平化