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 border-image详解、应用及jQuery插件
Aug 29 HTML / CSS
css3 按钮样式简单可扩展创建
Mar 18 HTML / CSS
CSS3盒子模型详解
Apr 24 HTML / CSS
用CSS3绘制三角形的简单方法
Jul 17 HTML / CSS
HTML5 通信API 跨域门槛将不再高、数据推送也不再是梦
Apr 25 HTML / CSS
用HTML5中的Canvas结合公式绘制粒子运动的教程
May 08 HTML / CSS
浅谈基于Canvas的手绘风格图形库Rough.js
Mar 19 HTML / CSS
浅谈Html5移动端ios/Android兼容性总结
Jun 01 HTML / CSS
使用html5 canvas绘制圆环动效
Jun 03 HTML / CSS
html5给汉字加拼音加进度条的实现代码
Apr 07 HTML / CSS
HTML5实现直播间评论滚动效果的代码
May 27 HTML / CSS
CSS 新特性 contain控制页面的重绘与重排问题
Apr 30 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
全国FM电台频率大全 - 26 西藏自治区
2020/03/11 无线电
PHP入门学习的几个不错的实例代码
2008/07/13 PHP
PHP中date与gmdate的区别及默认时区设置
2014/05/12 PHP
php实现微信公众平台账号自定义菜单类
2014/12/02 PHP
centos7上编译安装php7以php-fpm方式连接apache
2018/11/08 PHP
javascript 面向对象继承
2009/11/26 Javascript
jquery插件 cluetip 关键词注释
2010/01/12 Javascript
Jquery右下角抖动、浮动 实例代码(兼容ie6、FF)
2013/08/15 Javascript
ie8本地图片上传预览示例代码
2014/01/12 Javascript
jQuery中;function($,undefined) 前面的分号的用处
2014/12/17 Javascript
jQuery实现带延迟的二级tab切换下拉列表效果
2015/09/01 Javascript
Seajs 简易文档 提供简单、极致的模块化开发体验
2016/04/13 Javascript
JS实现将数字金额转换为大写人民币汉字的方法
2016/08/02 Javascript
JavaScript自定义函数实现查找两个字符串最长公共子串的方法
2016/11/24 Javascript
jQuery实现移动端Tab选项卡效果
2017/03/15 Javascript
vue生成token保存在客户端localStorage中的方法
2017/10/25 Javascript
html中通过JS获取JSON数据并加载的方法
2017/11/30 Javascript
Swiper自定义分页器使用详解
2017/12/28 Javascript
深入理解 webpack 文件打包机制(小结)
2018/01/08 Javascript
Vue3.0结合bootstrap创建多页面应用
2019/05/28 Javascript
node.js express捕获全局异常的三种方法实例分析
2019/12/27 Javascript
JS FormData对象使用方法实例详解
2020/02/12 Javascript
vant实现购物车功能
2020/06/29 Javascript
小程序点餐界面添加购物车左右摆动动画
2020/09/23 Javascript
python版本坑:md5例子(python2与python3中md5区别)
2017/06/20 Python
python实现下载pop3邮件保存到本地
2018/06/19 Python
修改 CentOS 6.x 上默认Python的方法
2019/09/06 Python
python os.path.isfile()因参数问题判断错误的解决
2019/11/29 Python
基于Python的一个自动录入表格的小程序
2020/08/05 Python
python 实现IP子网计算
2021/02/18 Python
李维斯牛仔裤英国官方网站:Levi’s英国
2019/10/10 全球购物
会计毕业生自我鉴定
2013/11/04 职场文书
厨房工作人员岗位职责
2013/11/15 职场文书
年终考核实施方案
2014/05/26 职场文书
生日祝酒词大全
2015/08/10 职场文书
python数据分析之单因素分析线性拟合及地理编码
2022/06/25 Python