标签语义化
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