HTML标签的语义化
所谓标签语义化，就是指标签的含义。什么样的标签，做什么样的事情。
为什么要有语义化标签
-
方便代码的阅读和维护
-
同时让浏览器或是网络爬虫可以很好地解析，从而更好分析其中的内容
-
使用语义化标签会具有更好地搜索引擎优化
核心：合适的地方给一个最为合理的标签。
语义是否良好： 当我们去掉CSS之后，网页结构依然组织有序，并且有良好的可读性。
白话，一眼看去，就知道那个是重点，结构是什么，知道每块的内容是干啥的。
遵循的原则：先确定语义的HTML ，再选合适的CSS。
块级，行内块级，行及元素的区别
块级元素：
1.可以设置宽高
2.不能和其它元素呆在一行
3.当没有设置宽高时，宽度和父级宽度一样，高度由元素内容的高度决定
4.当设置有宽高时，元素的宽高就是设置的值
5.可以看出一个盒子，容器，用来布局
行级元素：
1.不可以设置宽高,设置的宽高无效
2.可以和其它元素呆在一行
3.宽高由元素内容决定
行内块级元素：
1.可以设置宽高
2.可以和其它元素呆在一行
3.当没有设置宽高时，宽高由元素内容决定
4.当设置有宽高时，元素的宽高就是设置的值
元素类型转换
任何元素都可以进行类型转换,元素类型之间可以相互转换
元素类型转换不会影响元素自身的性质
1.转块级元素display: block;
2.转成行级元素display: inline;
2.转成行内块级元素display: inline-block;