H5-13 块元素与行内元素（内联元素）

1、块元素与行内元素（内联元素）

　　HTML5出现之前，经常把元素按照块级元素和内联元素来区分。在HTML5中，元素不再按照这种方式来区分，而是按照内容模式来区分，分为元数据型（metadata content

)、区块型（sectioning content）、标题型（heading content）。元素不属于任何一个类别，被称为穿透的、元素可能属于不止一个类别，成为混合的。

2、内联元素和块级元素的区别：

　　块级元素：块元素会在页面中独占一行（自上向下垂直排列）；可设置width，height属性；一般块级元素可以包含行内元素和其他块级元素。

　　内联元素：行内元素不会独占页面中的一行，只占自身的大小；行内元素设置width，height属性无效；一般内联元素包含内联元素不包含块级元素。

　　常见块级元素：

　　div、form、h1-h6、hr、p、table、ul等

　　常见内联元素（行内元素）：

　　a、b、em、i、span、strong等

　　行内块级元素（特点：不换行、能够识别宽高）：

　　button、img、input等