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

Posted on   |   In   |     |  

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