HTML标签嵌套规则简单整理

虽然HTML标签有很多并且我们在制作页面的时候可以无限的嵌套，但是嵌套也有规则，不能随意的嵌套。有些标签是固定的嵌套规则，比如ul包含li、ol包含li、dl包含dt和dd等等。还有很多是独立的标签，我们如何来使用它编写更优秀的页面，下面就说说

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

   <div><span></span><p></p></div>  //span是行内元素，p是块级元素，所以这个是错误的嵌套

   <div><span></span><a></a></div>  //对的

2. 块元素可以包含内联元素或某些块元素，但内联元素不能包含块元素，它只能包含其它的内联元素
   

   <div><span></span></div>

   <span><span></span></span>

3. 有几个特殊的块级元素只能包含内嵌元素，不能再包含块级元素

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

4. li 标签可以包含 div 标签，因为li 和 div 标签都是装载内容的容器