<p>內(nèi)不能嵌套任何塊級(jí)元素,<h1>-<h6>不能嵌套自身和其他<h1>-<h6>,<dt>不能嵌套自身(嵌套自身顯示網(wǎng)頁(yè)效果沒(méi)有問(wèn)題,但在網(wǎng)頁(yè)上按"ctrl+shift+c"查看源代碼是有問(wèn)題的);內(nèi)聯(lián)元素不能嵌套塊級(jí)元素,只能包含其他內(nèi)聯(lián)元素;塊元素可以包含內(nèi)聯(lián)元素和某些特定的塊元素。
<p><div></div></p>—— 錯(cuò)
<span><div></div></span>—— 錯(cuò)
<div><p></p></div>—— 對(duì)
<div><div><p></p></div></div>—— 對(duì)
<div><h1></h1><p></p></div>—— 對(duì)
<a href=http://www.cnblogs.com/jyybeam/p/"#">—— 對(duì)
<p><p></p></p>—— 錯(cuò)
<h2><h2></h2></h2>—— 錯(cuò)
<h2><h3></h3></h2>—— 錯(cuò)
<p><h2></h2></p>—— 錯(cuò)
<h2><p></p></h2>—— 對(duì)
<dt><dt></dt></dt>—— 錯(cuò)有幾個(gè)特殊的塊級(jí)元素只能包含內(nèi)聯(lián)元素,不能再包含塊級(jí)元素,這幾個(gè)特殊的標(biāo)簽是:
h1、h2、h3、h4、h5、h6、p、dt。
- 當(dāng)輸入
<h2><h2></h2></h2>時(shí),瀏覽器出現(xiàn)的html文檔是:<h2></h2><h2></h2>,原本是嵌套的屬于父子關(guān)系的標(biāo)簽成為了2個(gè)兄弟標(biāo)簽。 - 當(dāng)輸入
<h2><h3></h3></h2>時(shí),瀏覽器出現(xiàn)的html文檔是:<h2></h2><h3></h3>,原本是嵌套的屬于父子關(guān)系的標(biāo)簽成為了2個(gè)兄弟標(biāo)簽。 - 當(dāng)輸入
<p><p></p></p>時(shí),瀏覽器出現(xiàn)的html文檔是:<p></p><p></p><p></p>,原本是嵌套的屬于父子關(guān)系的標(biāo)簽成為了3個(gè)兄弟標(biāo)簽。 - 當(dāng)輸入
<p><h2></h2></p>時(shí),瀏覽器出現(xiàn)的html文檔是:<p></p><h2></h2><p></p>。 - 當(dāng)輸入
<dt><dt></dt></dt>時(shí),瀏覽器出現(xiàn)的html文檔是:<dt></dt><dt></dt>。 - 當(dāng)輸入
<h2><p></p></h2>時(shí),瀏覽器出現(xiàn)的html文檔是:<h2><p></p></h2>,是正確的用法。