H5C3新语义标签 选择器

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；还可以清除浮动。