[html] DOM元素的嵌套规则

学习笔记

  1. 内联元素不能包含块元素,它只能包含其它的内联元素。可以实验在chrome中内联元素嵌套快元素,内联元素都没有高度,但是在firefox中内联元素是有高度的。其实a标签作为一个内联标签还是可以嵌套块级元素的,只不过在chrome浏览器中看不到内联元素的高度,但是内联元素并不会没有高度,盒子模型显示内联元素显示宽高均为auto,但实际上还是有高度的,不信你在后面加一个div会发现它是排在后面的。我还是想知道真正的规范是怎么形容这块内容的。
[html] DOM元素的嵌套规则_第1张图片
内联元素嵌套块级元素
  

—— 对    —— 对   
—— 错
  1. 块级元素不能放在

    里面:

  

—— 错   

—— 错
  1. 有几个特殊的块级元素只能包含内联元素,不能再包含块级元素,这几个特殊的标签是:
      h1、h2、h3、h4、h5、h6、p、dt
    块级元素与块级元素并列、内嵌元素与内嵌元素并列:
  

—— 对   
—— 对   

—— 错

参考文献

  1. HTML的元素嵌套规则

你可能感兴趣的:([html] DOM元素的嵌套规则)