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

HTML5出现之前，经常把元素按照块级元素和内联元素来区分。在HTML5中，元素不再按照这种⽅式来区分， 而是按照内容模型来区分，分为元数据型(metadata content)、区块型(sectioning content)、标题型(heading content)、文档流型(flow content)、语句型(phrasing content)、内嵌型(embedded content)、交互型 (interactive content)。元素不属于任何⼀个类别，被称为穿透的，元素可能属于不止⼀个类别，称为混合的

详细参考地址：https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/Content_categories

虽然到了HTML5的版本，元素分类更细致了，但是这对初学者并不友好,所以我们仍然按照块元素和内联元素做区分，这对我们的布局起到了至关重要的作用

内联元素和块级元素的区别

常见块级元素

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

常见内联元素

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

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

button、img、input等

实时效果反馈

1.下列关于元素分类描述错误的是：

A 块元素会在页面中独占一行,行内元素不会独占页面中的一行，只占自身的大小

B 块元素可以设置width，height属性,行内元素设置width，height属性无效

C ⼀般块级元素可以包含行内元素和其他块级元素,⼀般内联元素包含内联元素不包含块级元素

D 块元素可以设置大小,不会独占一行,行内元素无法无法设置大小,但是会独占一行

答案

1=>D

实操

1. 【简答】简述块元素和内联元素的特性及区别