您的位置:首页 > Web前端 > HTML5

IE支持HTML5的解决方法

2012-01-16 15:29 405 查看

IE支持HTML5的解决方法

时间:2011-10-18 07:07来源:博客园 作者:与时俱进 点击: 145次

自从HTML5能为我们的新网页带来更高效洁净的代码而得到更多的关注,然而唯一能让IE识别那些新元素(如 article)的途径是使用HTML5 shiv,感谢remy sharp为我们提供了这个迷你脚本来解决IE支持HTML5的问题。 使用和下载 html5.js必须在页面head元素内调用(因为IE必须在元素解析前知道这个元素,所以这个js文件不能在页面底部
  
  自从HTML5能为我们的新网页带来更高效洁净的代码而得到更多的关注,然而唯一能让IE识别那些新元素(如<article>)的途径是使用HTML5 shiv,感谢remy sharp为我们提供了这个迷你脚本来解决IE支持HTML5的问题。

  使用和下载

  html5.js必须在页面head元素内调用(因为IE必须在元素解析前知道这个元素,所以这个js文件不能在页面底部调用。)

  作者已经把js文件放在Google code project上并允许大家直接调用,当然,前提是你不在意调用额外的文件。

  http://html5shiv.googlecode.com/svn/trunk/html5.js

  你可以使用IE条件注释来调用这个js文件,这样像FireFox等非IE浏览器就会忽视这段代码,也就不会有无谓的http请求了。下面这段代码仅会在IE浏览器下运行:

  复制代码代码如下:

<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
  当然如果你不喜欢调用外网文件,你也可以下载下来上传到自己的服务器单独调用(作者允许)。

  本文来自与时俱进的博客,原文地址:http://www.cnblogs.com/top5/archive/2011/06/08/2074956.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: