-
<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>，是正确的用法。
网友评论