<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>
,是正確的用法。