1、常用的新语义标签：header nav main aside section article footer等。
- 所有的浏览器都支持main标签，只有ie不支持，开发时不能使用main标签。
- 移动端的浏览器兼容性比较好，不用考虑兼容性问题，所有新标签都能使用。
2、h5标签在ie8是显示不出来的，但如果由js动态创建的，就可以显示。
- html5shiv.js 默认帮我们处理了ie8的兼容性问题，原理就是使用js来创建标签（开发会常遇到）
3、条件注释来判断是否需要考虑兼容：
<!-- [if lte IE 8] -->
中间放script动态创建的标签
<![endif] -->
* 条件注释，本质也是注释，但它也可以做条件判断，只兼容ie10以下版本
4、选择器 eg：#id+（~)li{}
#id+li{}选择器中间用+号：是与#id相邻元素的下一个元素
#id~li{}选择器中间用~号：是与#id下面的所有元素
li[name="one"]{} ：是li标签并且拥有name，属性值为one
5、使用伪对象选择器（::before ::after）两个属性必须要写
content:"";
display:block;
* before和after可以允许我们在不修改html的基础上，创建一些简单的div；还可以清除浮动。
