2020面试准备2---标签

一、标签语义化
合理的标签做合理的事情
二、有哪些标签
1、块状标签
div p h1~h6 ul ol dl dt header footer main section article table form
2、行内
a span small strong em i label
3、行内块
img input
三、区别
1、块状标签
（1）每个元素独占一行或多行
（2）可以手动设置宽高
（3）宽度默认为父元素的100%
（4）可以容纳行内元素和其他块级元素
2、行内标签
（1）与相邻元素在同一行
（2）宽高无法设置，但可以设置水平方向的margin和padding
（3）宽度由其本身决定
（4）行内元素只能容纳行内元素
3、行内块
（1）与相邻元素在同一行内，但中间有间隙，间隙大小为字体大小
（2）默认宽度为本身宽度
（3）高度，宽度，内外边距均可设置