1.如何理解HTML语义化?
使用恰当的HTML标签来表示内容和结构,代码可读性强,便于浏览器解析,SEO效果更好。
2.块级 行内 行内块元素的区别
块级元素
- 独占一行,从上往下排列
- height line-height margin padding都可以控制
- width默认为父元素的宽度
- 代表元素:div h1-h6 ul ol li form table p hr
行内元素
- 不独占一行,排列在同一行
- height无效,line-height有效,margin padding左右方向有效,上下无效
- width随元素的内容而变化
- 行内元素中不能放块级元素
- 代表元素:a br code em i label select span strong textarea
行内块元素
- 一行中放置多个行内块元素
- 自由设置width height line-height margin padding
- width是本身内容的宽度,不独占一行,会有空白间隙,设置它上一级的font-size为0,才会消除间隙
- 代表元素:button input textarea select img