IE浏览器旧版本并不支持html5的语义标签,当我们使用html5架构的时候,旧版本的ie兼容就是一大痛点,好在我们有js,js里面的创建元素,可以创建自定义的元素,也就是说,ie不支持原生的语义标签的问题。

目前常用的就是html5shiv框架,这个框架在github上开源,目前我们就只讲 如何调用这个脚本。

下载脚本

官网地址:github

下载完解压,我们找到dist目录下,里面提供了四个脚本文件,一般来说只要使用名为html5shiv.js的文件即可,我们将这个文件提取出来,然后丢入自己博客的js文件夹中,如果是主题,就丢入主题对应的js文件。

js脚本调用

为了防止冲突我们需要针对性的调用这个脚本,最方便的方式就是条件注释了。

<!--[if IE lt 8]>
  <script src='路径/js/html5shiv.js'></script>
<![endif]-->

当浏览器是ie8及以下的时候,调用html5shiv的js脚本,通过这个脚本,原来不被识别的元素就会被正常解析到了,效果贼好,目前本博客已经使用了本脚本,有兴趣可以使用ie浏览器查看效果。

分类: JavaScript 标签: 旧版ie兼容html5html5shiv框架条件注释

评论

暂无评论数据

暂无评论数据

目录