HTML存在許多種類型的標簽，有的標簽下面只允許特定的標簽存在，這就叫HTML嵌套規則。
不按HTML嵌套規則寫，瀏覽器就不會正確解析，會將不符合嵌套規則的節點放到目標節點的下面，或者變成純文本。
關於HTML嵌套規則，一定要掌握塊狀元素和內聯元素的區別。
塊狀元素：
一般是其他元素的容器，可容納內聯元素和其他塊狀元素，塊狀元素排斥其他元素與其位於同一行，寬度（width）高度（height）起作用。常見塊狀元素為div和p
內聯元素：
內聯元素只能容納文本或者其他內聯元素，它允許其他內聯元素與其位於同一行，但寬度（width）高度（height）不起作用。常見內聯元素為a.
塊狀元素與內聯元素嵌套規則：
(1).塊元素可以包含內聯元素或某些塊元素，但內聯元素卻不能包含塊元素，它只能包含其他的內聯元素
例：
<div><h1></h1><p></p></div>
<a href="#"><span></span></a>
(2).塊級元素不能放在p元素里面
例：
<p><ol><li></li></ol></p><p><div></div></p>
(3).有幾個特殊的塊級元素提倡只能包含內聯元素，不能再包含塊級元素，這幾個特殊的標簽是:
h1、h2、 h3、h4、 h5、 h6、 p 、dt
(4).li標簽可以包含div標簽
例：
<li><div></div></li>
(5).塊級元素與塊級元素並列，內聯元素與內聯元素並列
例：
<div><h2></h2><p></p></div>
<div><a href="#"></a><span></span></div>