让所有IE支持HTML5的解决方案
2016-01-27 15:06
537 查看
自从HTML5能为我们的新网页带来更高效洁净的代码而得到更多的关注,然而唯一能让IE识别那些新元素(如<article>)的途径是使用HTML5 shiv,感谢remy sharp为我们提供了这个迷你脚本来解决IE支持HTML5的问题。
作者已经把js文件放在Google code project上并允许大家直接调用,当然,前提是你不在意调用额外的文件。
http://html5shiv.googlecode.com/svn/trunk/html5.js
你可以使用IE条件注释来调用这个js文件,这样像FireFox等非IE浏览器就会忽视这段代码,也就不会有无谓的http请求了。下面这段代码仅会在IE浏览器下运行:
当然如果你不喜欢调用外网文件,你也可以下载下来上传到自己的服务器单独调用(作者允许)。
以下是js文件中的代码:
原文:http://blog.bingo929.com/html5-ie-enabling-script.html
使用和下载
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])}})()
原文:http://blog.bingo929.com/html5-ie-enabling-script.html
相关文章推荐
- 加速Web开发的9款知名HTML5框架
- 解决html5新标签【placeholder】低版本浏览器下不兼容问题
- ZUI - 开源HTML5跨屏框架
- WebStrom的学习使用 H5开发
- HTML5:标记文字
- H5小内容(二)
- html5/css3响应式布局介绍及设计流程
- HTML5 音乐播放
- HTML5 语义标签
- H5-多事件绑定
- html5 表单元素
- 08. Web大前端时代之:HTML5+CSS3入门系列~H5 Web存储
- 07. Web大前端时代之:HTML5+CSS3入门系列~H5 地理位置
- ajax--html5上传文件file api +FormData
- HTML5(六)html5<canvas带音效的时钟>
- H5小内容(一)
- 基于HTML5的拓扑图编辑器 - Graph.Editor - yCoder - SegmentFault
- h5 音乐播放
- 用HTML5构建一个流程图绘制工具 - sunjie - 博客园
- HTML语义化:HTML5新标签——template