[转]让所有IE支持HTML5的解决方案
2012-03-27 16:59
489 查看
自从HTML5能为我们的新网页带来更高效洁净的代码而得到更多的关注,然而唯一能让IE识别那些新元素(如<article>)的途径是使用HTML5 shiv,感谢remy sharp为我们提供了这个迷你脚本来解决IE支持HTML5的问题。
您还可以参考以下HTML5相关教程及资源:
《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——集前端开发/网页设计/网站可用性/用户体验于一体的趣味互联网生活
相关文章推荐
- 让所有IE支持HTML5的解决方案
- 让所有IE支持HTML5的解决方案
- html5.js 让所有IE支持HTML5
- html5.js 让所有IE支持HTML5
- HTML5支持所有浏览器的SHIV解决方案
- 让 ie 支持 html5标签
- html5.js让IE(包括IE6)支持HTML5元素方法
- IE旧版本如何让HTML4转换并且支持HTML5的新特性。
- 让IE也支持html5标签
- IE(IE6/IE7/IE8)支持HTML5标签
- html5 浏览器支持 如何让所有的浏览器都支持HTML5标签样式
- HTML5视频方案:支持Ipad Safari、Firefox、Chrome、IE9876
- 让IE支持HTML5的方法
- Select 可编辑 - 完美支持各大主流浏览器 最近做项目有个select可编辑的需求,一时棘手,网上找了很多解决方案都不完美,没办法自己写了一个,经测试IE,FF,chrome都支持。特此拿出来
- HTML5 Shiv – 让该死的IE系列支持HTML5吧
- IE(IE6/IE7/IE8)支持HTML5标签
- 让ie支持html5标签
- 让IE系列浏览器支持HTML5(share)
- 让IE9.0一下的IE浏览器全面支持html5和css3.0
- 如何让IE支持HTML5