第 14 章 HTML 知识整理

14.1 嵌套规则

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

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

<div><span></span><a></a></div>  //对的
  1. 块级元素可以包含内联元素或某些块级元素，但内联元素不能包含块元素，它只能包含其它的内联元素。
<div><span></span></div>

<span><span></span></span>
  1. 有几个特殊的块级元素(h1、h2、h3、h4、h5、h6、p、dt)只能包含内嵌元素，不能再包含块级元素
  2. 块级元素不能放在标签p里面
  3. li 标签可以包含 div 标签，因为li 和 div 标签都是装载内容的容器