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 相关文章推荐
CSS3新属性transition-property transform box-shadow实例学习
Jun 06 HTML / CSS
纯CSS实现菜单、导航栏的3D翻转动画效果
Apr 23 HTML / CSS
支持IE8的纯css3开发的响应式设计动画菜单教程
Nov 05 HTML / CSS
一款纯css3制作的2015年元旦雪人动画特效教程
Dec 29 HTML / CSS
详解CSS3中常用的样式【基本文本和字体样式】
Oct 20 HTML / CSS
js实现移动端H5页面手指滑动刻度尺功能
Nov 16 HTML / CSS
使用phonegap检测网络状态的方法
Mar 30 HTML / CSS
html5中如何将图片的绝对路径转换成文件对象
Jan 11 HTML / CSS
HTML5 Convas APIs方法详解
Apr 24 HTML / CSS
整理HTML5的一些新特性与Canvas的常用属性
Jan 29 HTML / CSS
HTML5播放实现rtmp流直播
Jun 16 HTML / CSS
详解CSS3浏览器兼容
Dec 24 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获得文件扩展名三法
2006/11/25 PHP
Windows下安装Memcached的步骤说明
2010/04/25 PHP
php生成zip压缩文件的方法详解
2013/06/09 PHP
浅析is_writable的php实现
2013/06/18 PHP
thinkphp3.2点击刷新生成验证码
2016/02/16 PHP
老司机传授Ubuntu下Apache+PHP+MySQL环境搭建攻略
2016/03/20 PHP
PHP实现的ID混淆算法类与用法示例
2018/08/10 PHP
php的RSA加密解密算法原理与用法分析
2020/01/23 PHP
前淘宝前端开发工程师阿当的PPT中有JS技术理念问题
2010/01/15 Javascript
Javascript倒计时代码
2010/08/12 Javascript
JavaScript面向对象程序设计三 原型模式(上)
2011/12/21 Javascript
js循环改变div颜色具体方法
2013/06/25 Javascript
SOSO地图JS画出标注和中心点以html形式运行
2013/08/09 Javascript
JavaScript设计模式之外观模式介绍
2014/12/28 Javascript
js实现同一页面可多次调用的图片幻灯切换效果
2015/02/28 Javascript
纯js实现手风琴效果
2020/04/17 Javascript
弹出遮罩层后禁止滚动效果【实现代码】
2016/04/29 Javascript
JS中dom0级事件和dom2级事件的区别介绍
2016/05/05 Javascript
进阶之初探nodeJS
2017/01/24 NodeJs
Vue SPA单页应用首屏优化实践
2018/06/28 Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
2019/09/12 Javascript
JavaScript Array对象使用方法解析
2019/09/24 Javascript
Typescript3.9 常用新特性一览(推荐)
2020/05/14 Javascript
vue使用lodop打印控件实现浏览器兼容打印的方法
2021/02/07 Vue.js
[02:47]DOTA2英雄基础教程 野性怒吼兽王
2013/12/05 DOTA
[00:44]TI7不朽珍藏III——军团指挥官不朽展示
2017/07/15 DOTA
python在windows下实现ping操作并接收返回信息的方法
2015/03/20 Python
图文讲解选择排序算法的原理及在Python中的实现
2016/05/04 Python
python 中不同包 类 方法 之间的调用详解
2020/03/09 Python
Python3实现个位数字和十位数字对调, 其乘积不变
2020/05/03 Python
Python3爬虫关于代理池的维护详解
2020/07/30 Python
盛大二次面试题
2016/11/18 面试题
毕业生找工作推荐信
2013/11/21 职场文书
超市客服工作职责
2014/06/11 职场文书
见习报告的格式
2014/10/31 职场文书
大学生读书笔记范文
2015/07/01 职场文书