元素类型的划分方法

根据块级 行内级元素分类

• 根据元素的显示(能不能在同一行显示)类型,HTML元素可以主要分为两大类
  • 块级元素(block-level elements)
    • 独占父元素一行
    • 比如 div p pre h1~h6 ul ol li dl dt dd table form arcticle aside footer header hgroup main nav section blockquote hr 等
  • 行内级元素(inline-level elements)
    • 多个行内级元素可以再父元素的同一行中显示
    • a img span strong code iframe label input button canvas enbed object video audio

根据替换 非替换元素分类

• 根据元素的内容(是否浏览器会替换元素)类型,HTML元素可以主要分为两大类
  • 替换元素(replaced elements)
    • 元素本身没有实际内容,浏览器根据元素的类型和属性,来决定元素的具体显示内容
    • 比如img input iframe video embed canvas audio object等
  • 非替换元素(non-replaced elements)
    • 和替换元素相反,元素本身是有实际内容的,浏览器会直接将其内容显示出来,而不需要根据元素类型和属性来判断到底限时什么内容

分类总结