1. 标签的分类

　　(1)按类型划分

　　　　(1.1)block(块元素)　　div 、p、ul、li、h1

　　　　　　独占一行

　　　　　　支持所有样式

　　　　　　不写宽的时候，宽度和父元素相同

　　　　　　所占区域是一个矩形

　　　　(1.2)inline(内联元素)　　span、em、strong、a、img

　　　　　　挨在一起

　　　　　　有些样式不支持

　　　　　　不写宽的时候，宽度由内容决定

　　　　　　所占区域不一定是一个矩形

　　　　　　内联标签之间会有间隙。是由于换行产生的

　　　　(1.3)inline-block(内敛块元素)　　　　input、select

　　　　　　挨在一起，且支持宽与高

　　　　注:布局一般用块元素、修饰文本一般用内联元素

 

　　(2)按内容划分

　　　　Flow:流内容
　　　　Metadata:元数据
　　　　Sectioning:分区
　　　　Heading:标题
　　　　Phrasing:措辞
　　　　Embedded:嵌入
　　　　Interactive:互动的

 

　　(3)按显示划分

　　　　替换元素:浏览器根据元素的标签和属性，来决定元素的具体显示内容。 　　　　img 、 input   　　　　非替换元素:将内容直接告诉浏览器，将其显示出来。