首页 > 网页教程 > HTML > 能让IE支持HTML5的解决方案

能让IE支持HTML5的解决方案

时间:2009-12-15    作者:不详   来源:互联网

自从HTML5能为我们的新网页带来更高效洁净的代码而得到更多的关注,然而唯一能让IE识别那些新元素(如<article>)的途径是使用HTML5 shiv,感谢remy sharp为我们提供了这个迷你脚本来解决IE支持HTML5的问题。
 

必须在页面head元素内调用(因为IE必须在元素解析前知道这个元素,所以这个js文件不能在页面底部调用。)
  作者已经把js文件放在Google code project上并允许大家直接调用,当然,前提是你不在意调用额外的文件。
http://html5shiv.googlecode.com/svn/trunk/html5.js
  你可以使用IE条件注释来调用这个js文件,这样像FireFox等非IE浏览器就会忽视这段代码,也就不会有无谓的http请求了。下面这段代码仅会在IE浏览器下运行:
 

折叠XML/HTML Code复制内容到剪贴板
  1. <!--[if IE]>  
  2.    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>  
  3. <![endif]-->  

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

以下是js文件中的代码: 

折叠JavaScript Code复制内容到剪贴板
  1. (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])}})()  
相关推荐
谷歌弃Gears浏览器插件 转重点开发HTML5
采用HTML5搭建的多个网站尝鲜试用
体验HTML5 Canvas对象的强大 五款在线绘图应用示例
HTML5新特性:用链接预取功能给网站提速
如何用HTML5制作网页?
神奇的HTML5动画效果演示网站
网页设计师必收藏的十五个HTML5资源
十三个网站案例让你提前体验HTML5和CSS3的魅力
基于HTML5的绘图程序Muro,支持Wacom手写绘图板
HTML5的一些的趣味小应用
HTML5、CSS和JavaScript与Web移动应用的未来趋势
十款基于HTML5开发的精彩WEB应用(HTML5网站演示)
学好HTML5必备的七个在线资源推荐
HTML5教程之表单功能详解
四个HTML 5标签、属性、事件及浏览器兼容性速查表分享
15个采用HTML5实现的网站界面设计欣赏
HTML5的革新:语义更明确简洁的结构
21款效果惊艳基于HTML5的应用程序欣赏
16个颇具创意的HTML5网站设计
能让IE浏览器也支持HTML5标准的办法
25个超炫的HTML5+CSS3网页应用案例欣赏
2012年Web开发有关HTML5的14个预测
新手入门:HTML5是什么?
35个WEB开发必备的实用HTML5教程
18个国外HTML5网站布局编码教程分享
10款HTML5框架推荐,WEB开发必备利器
8款很酷基于HTML5技术的网站设计欣赏
详解有关于HTML5的七个误解
10个超炫酷的HTML5和JS技术实验性演示网站
8个优秀的基于HTML5的信息图网站欣赏
网页使用HTML5代码需兼容IE的写法分享
HTML5新手入门教程之第一篇:什么是HTML5?
从9个不同的方面深入分析HTML5的性能
Google推荐:HTML5代码的15条规范
HTML5能否成为未来移动互联网的APP?
HTML5大纲算法对结构的影响 网页优化必学

精彩推荐

热门教程