IE支持HTML5的解决方法


Posted in HTML / CSS onOctober 20, 2009

自从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])}})()
HTML / CSS 相关文章推荐
全面解析CSS Media媒体查询使用操作(推荐)
Aug 15 HTML / CSS
利用CSS3的checked伪类实现OL的隐藏显示的方法
Dec 18 HTML / CSS
CSS3属性background-size使用指南
Dec 09 HTML / CSS
浅析CSS3中鲜为人知的属性:-webkit-tap-highlight-color
Jan 12 HTML / CSS
详解css3 flex弹性盒自动铺满写法
Sep 17 HTML / CSS
HTML5中FileReader接口使用方法实例详解
Aug 26 HTML / CSS
使用Html5、CSS实现文字阴影效果
Jan 17 HTML / CSS
使用css如何制作时间ICON方法实践
Nov 12 HTML / CSS
基于HTML5 Canvas的3D动态Chart图表的示例
Nov 02 HTML / CSS
HTML5仿微信聊天界面、微信朋友圈实例代码
Jan 29 HTML / CSS
浅谈Html5多线程开发之WebWorkers
May 02 HTML / CSS
使用Html5中的cavas画一面国旗
Sep 25 HTML / CSS
HTML5 Canvas概述
Aug 26 #HTML / CSS
HTML5 canvas 基本语法
Aug 26 #HTML / CSS
HTML5 File API改善网页上传功能
Aug 19 #HTML / CSS
HTML5 解析规则分析
Aug 14 #HTML / CSS
HTML5 CSS3新的WEB标准和浏览器支持
Jul 16 #HTML / CSS
HTML5 b和i标记将被赋予真正的语义
Jul 16 #HTML / CSS
HTML5 新事件 小结
Jul 16 #HTML / CSS
You might like
用PHP生成静态HTML速度快类库
2007/03/18 PHP
使用php-timeit估计php函数的执行时间
2015/09/06 PHP
Thinkphp框架开发移动端接口(2)
2016/08/18 PHP
PHP入门教程之操作符与控制结构流程详解
2016/09/09 PHP
Symfony2获取web目录绝对路径、相对路径、网址的方法
2016/11/14 PHP
用js重建星际争霸
2006/12/22 Javascript
jQuery checkbox全选/取消全选实现代码
2009/11/14 Javascript
Javascript 入门基础学习
2010/03/10 Javascript
js截取字符串的两种方法及区别详解
2013/11/05 Javascript
Mac地址验证的javascript代码
2013/11/09 Javascript
JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招
2016/03/07 Javascript
Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果
2016/05/27 Javascript
AngularJS 依赖注入详解和简单实例
2016/07/28 Javascript
jQuery焦点图左右转换效果
2016/12/12 Javascript
Vue.js实现简单动态数据处理
2017/02/13 Javascript
jQuery Validate 相关参数及常用的自定义验证规则
2017/03/06 Javascript
分享vue.js devtools遇到一系列问题
2017/10/24 Javascript
浅谈 vue 中的 watcher
2017/12/04 Javascript
详解vue.js数据传递以及数据分发slot
2018/01/20 Javascript
Angular 4.x+Ionic3踩坑之Ionic 3.x界面传值详解
2018/03/13 Javascript
Vue中使用方法、计算属性或观察者的方法实例详解
2018/10/31 Javascript
javascript+Canvas实现画板功能
2020/06/23 Javascript
详细分析vue表单数据的绑定
2020/07/20 Javascript
[02:44]DOTA2英雄基础教程 克林克兹
2014/01/15 DOTA
解决安装tensorflow遇到无法卸载numpy 1.8.0rc1的问题
2018/06/13 Python
详解Python Opencv和PIL读取图像文件的差别
2019/12/27 Python
台湾旅游网站:雄狮旅游网
2017/08/16 全球购物
预订奥兰多和佛罗里达州公园门票:FloridaTix
2018/01/03 全球购物
微软瑞士官方网站:Microsoft瑞士
2018/04/20 全球购物
2014年自我评价
2014/01/04 职场文书
大学生实习证明范本
2014/01/15 职场文书
2014年新生军训方案
2014/05/01 职场文书
成本会计岗位职责
2015/02/03 职场文书
档案工作个人总结
2015/03/03 职场文书
集团财务总监岗位职责
2015/04/03 职场文书
在NumPy中深拷贝和浅拷贝相关操作的定义和背后的原理
2022/04/14 Python