标签语义化

1、去掉样式后看网页结构是否组织有序

2、尽可能少使用div、span等无语义标签

3、例如 h1强化标题 p写段落  锚点用a input 是输入框 

作用

1、对搜索引擎友好方便搜索引擎识别，有助于网页推广

2、方便前端团队维护代码

3、便于网络爬虫抓取信息

4、提高读者阅读

 

行内元素有哪些，块级元素有哪些，它们的区别是什么？

行内元素: span、b 、a 、em  、i 、strong、 img 、big 、input、 button

块级元素: div 、h1-h6 、ul 、lo 、ol、 li 、dl 、dt、 dd、 table 、p 、form

区别:

行内元素 

1、行内元素里不能识别宽和高，设置margin和padding上下值时 不起作用

2、行内元素不可以嵌套块级元素

3、行内元素可以继承父元素的宽高，还有其他属性

4、行内元素可以转换成块级元素

块级元素

1、块级里可以设置宽高，还有各种属性

2、块级元素可以嵌套块级元素和行内元素

3、ul下面只能发li

4、dl下面只能放dt dd

5、ol下面只能放li