解决ie低版本不支持HTML5新增标签

html5shiv的作用

用于解决IE9以下版本浏览器对HTML5新增标签不识别,并导致CSS不起作用的问题。

为了ie678

由于IE6/IE7/IE8还有很大一部分用户,为了让网站浏览者都能正常的访问HTML5网站,解决方案就有下面两个:

  • 1、为网站创建多套模板,通过程序对User-Agent的判断给不同的浏览器用户显示不同的页面,这样的维护成本比较高,也失去响应式设计的意义。
  • 2、使用Javascript来使不支持HTML5的浏览器支持HTML标签。目前大多网站采用的这种方式(Bootstrap官方例子也是如此)。

原理

其实还是利用了原生js通过document.createElement("")创建对应的标签,CSS选择器便可正确应用到该标签。

使用

使用也是相当方便的,考虑到IE9是支持html5的,所以直接在HTML页面的head标签中添加脚本引用即可

1
2
3
`<!--[if lt IE 9]>`
<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<![endif]—>

官方地址:http://code.google.com/p/html5shiv/
GitHub项目地址:https://github.com/aFarkas/html5shiv