(4) HTML

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

 

　　　　非替换元素:将内容直接告诉浏览器，将其显示出来。

 

2. 标签嵌套规范

　　

　　(1) 固定

　　　　ul、li

　　　　dl、dt、dd

　　　　table、tr、td

 

　　(2) 块元素可以嵌套内联元素

　　　　<div><span></span></div>

 

　　(3) 块元素不能嵌套块元素

 

　　(4) 内联元素不能嵌套块元素