欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

IE支持HTML5的解决方法

程序员文章站 2023-11-29 15:37:46
让所有IE支持HTML5的解决方案.... 09-10-20...
自从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]-->

当然如果你不喜欢调用外网文件,你也可以下载下来上传到自己的服务器单独调用(作者允许)。

以下是js文件中的代码:

复制代码
代码如下:

(function(){if(!/*@cc_on!@*/0)return;var e = "abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createelement(e[i])}})()