让所有IE支持HTML5的解决方案

html5-ie支持

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

您还可以参考以下HTML5/CSS3相关教程及资源:
使用CSS3开启GPU硬件加速提升网站动画渲染性能
HTML5 Drag&Drop 拖拽、FileReader实例教程
HTML5 WebSockets 基础使用教程
HTML5和CSS3工具资源汇总
关于HTML 5 canvas 的基础教程
一起感受HTML5和CSS3的能量

使用和下载

  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])}})()

英文原文:JavaScript and the DOM Series: Lesson 1
翻译原文:让所有IE支持HTML5的解决方案(彬Go)

转载声明:
原载:彬Go——集前端开发/网页设计/网站可用性/用户体验于一体的趣味互联网生活
本文链接:http://blog.bingo929.com/html5-ie-enabling-script.html
如需转载必须以链接形式注明原载或原文地址,谢谢合作

54 Comments

发表评论

  • 阿打算爱的
    2017-06-17

    Just leave a comme爱的按时打算大大 nt

  • Sztukateria ozdobna
    2017-04-24

    Zapraszamy na nasz blog https://sztukateriaelewacyjnablog.wordpress.com

  • HTML5 WebSockets 基础使用教程(转) | FLY.Lee
    2016-08-05

    […] 《关于HTML 5 canvas 的基础教程》 《让所有IE支持HTML5的解决方案》 […]

  • 人情恶儿
    2016-08-03

    发发发发发发发

  • 自定义元素–为你的HTML代码定义新元素 – 马开东博客
    2014-08-13

    […] 您还可以参考以下HTML5/CSS3相关文章: 《使用CSS3开启GPU硬件加速提升网站动画渲染性能》 《HTML5 WebSockets 基础使用教程》 《关于HTML 5 canvas 的基础教程》 《让所有IE支持HTML5的解决方案》 […]

  • 匿名
    2014-07-15

    瞎扯,根本没有用!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  • 别把技术当成“行为艺术” | 一个人的村庄
    2014-05-07

    […] 任何一个变革都是缓慢的过程,要从根本上解决IE6的问题,重点在厂商,而不是用户。IE6和其他老旧浏览器一样,早晚都会退出历史舞台,然而这个过程应该是用户自发的,而非网站采用惩戒的方法威逼利诱。甚至连目前的IE浏览器都有支持Html5的方法,那么肯定可以针对IE6进行一些基础有效的代码改进,也许不能解决根本问题,但至少是在为用户而努力。 […]

  • 匿名
    2014-04-25

    还是有很多问题,刮刮卡图层,网上也没有人能解决

  • 如家快捷
    2013-10-18

    多谢!!

  • 头疼
    2013-01-25

    文件上传大小的inputfile.files[0].size不支持,就试了这一个,其他的没试