饥人谷技术博客

元素嵌套规则

2017-08-01  本文已影响0人  _Dot912
  1. <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>—— 错

  2. 有几个特殊的块级元素只能包含内联元素,不能再包含块级元素,这几个特殊的标签是:
      h1、h2、h3、h4、h5、h6、p、dt。

上一篇 下一篇

猜你喜欢

热点阅读