<p>
內不能嵌套任何塊級元素束昵,<h1>-<h6>
不能嵌套自身和其他<h1>-<h6>
宿刮,<dt>
不能嵌套自身(嵌套自身顯示網頁效果沒有問題捌袜,但在網頁上按"ctrl+shift+c"查看源代碼是有問題的);內聯元素不能嵌套塊級元素析孽,只能包含其他內聯元素搭伤;塊元素可以包含內聯元素和某些特定的塊元素。
<p><div></div></p>
—— 錯
<span><div></div></span>
—— 錯
<div><p></p></div>
—— 對
<div><div><p></p></div></div>
—— 對
<div><h1></h1><p></p></div>
—— 對
<a href=http://www.cnblogs.com/jyybeam/p/"#">
—— 對
<p><p></p></p>
—— 錯
<h2><h2></h2></h2>
—— 錯
<h2><h3></h3></h2>
—— 錯
<p><h2></h2></p>
—— 錯
<h2><p></p></h2>
—— 對
<dt><dt></dt></dt>
—— 錯有幾個特殊的塊級元素只能包含內聯元素袜瞬,不能再包含塊級元素怜俐,這幾個特殊的標簽是:
h1、h2吞滞、h3佑菩、h4、h5裁赠、h6殿漠、p、dt佩捞。
- 當輸入
<h2><h2></h2></h2>
時绞幌,瀏覽器出現的html文檔是:<h2></h2><h2></h2>
,原本是嵌套的屬于父子關系的標簽成為了2個兄弟標簽一忱。 - 當輸入
<h2><h3></h3></h2>
時莲蜘,瀏覽器出現的html文檔是:<h2></h2><h3></h3>
,原本是嵌套的屬于父子關系的標簽成為了2個兄弟標簽帘营。 - 當輸入
<p><p></p></p>
時票渠,瀏覽器出現的html文檔是:<p></p><p></p><p></p>
,原本是嵌套的屬于父子關系的標簽成為了3個兄弟標簽。 - 當輸入
<p><h2></h2></p>
時芬迄,瀏覽器出現的html文檔是:<p></p><h2></h2><p></p>
问顷。 - 當輸入
<dt><dt></dt></dt>
時,瀏覽器出現的html文檔是:<dt></dt><dt></dt>
禀梳。 - 當輸入
<h2><p></p></h2>
時杜窄,瀏覽器出現的html文檔是:<h2><p></p></h2>
,是正確的用法算途。