深入了解 HTML 规则

嵌套规则

HTML 标签由块级元素和行内元素构成，块级元素主要用来表示内容的结构、布局和内容的性质，行内元素用来标记内容的语义细节。

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. 块级元素不能放在标签p里面

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