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实现switch组件开关的方法
Feb 09 HTML / CSS
css3实现书本翻页效果的示例代码
Mar 08 HTML / CSS
详解Canvas 实现炫丽的粒子运动效果(粒子生成文字)
Feb 01 HTML / CSS
canvas画布实现手写签名效果的示例代码
Apr 23 HTML / CSS
html5 学习简单的拾色器
Sep 03 HTML / CSS
网易微博Web App用HTML5开发的过程介绍
Jun 13 HTML / CSS
如何让IE9以下版本(ie6/7/8)认识html5元素
Apr 01 HTML / CSS
HTML5中新标签和常用标签详解
Mar 07 HTML / CSS
HTML5进阶段内联标签汇总(小篇)
Jul 13 HTML / CSS
html5简介_动力节点Java学院整理
Jul 07 HTML / CSS
简单实现一个手持弹幕功能+文字抖动特效
Mar 31 HTML / CSS
深入理解margin塌陷和margin合并的解决方案
Jun 26 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
暴雪前总裁遗憾:没尽早追赶Dota 取消星际争霸幽灵
2020/03/08 星际争霸
php实现利用phpexcel导出数据
2013/08/24 PHP
ThinkPHP3.1新特性之字段合法性检测详解
2014/06/19 PHP
thinkphp3.x中display方法及show方法的用法实例
2016/05/19 PHP
解决laravel上传图片之后,目录有图片,但是访问不到(404)的问题
2019/10/14 PHP
js玩一玩WSH吧
2007/02/23 Javascript
网页上的Javascript编辑器和代码格式化
2010/04/25 Javascript
js性能优化 如何更快速加载你的JavaScript页面
2012/03/17 Javascript
JS实现切换标签页效果实例代码
2013/11/01 Javascript
js实现日历可获得指定日期周数及星期几示例分享(js获取星期几)
2014/03/14 Javascript
JS动态添加iframe的代码
2015/09/14 Javascript
如何使用Bootstrap创建表单
2017/03/29 Javascript
微信小程序 支付功能(前端)的实现
2017/05/24 Javascript
WebPack配置vue多页面的技巧
2018/05/15 Javascript
jQuery 同时获取多个标签的指定内容并储存为数组
2018/11/20 jQuery
基于Koa2写个脚手架模拟接口服务的方法
2018/11/27 Javascript
Vue 设置axios请求格式为form-data的操作步骤
2019/10/29 Javascript
vue 使用v-for进行循环的实例代码详解
2020/02/19 Javascript
详解vue v-model
2020/08/31 Javascript
详细讲解用Python发送SMTP邮件的教程
2015/04/29 Python
Python编程之黑板上排列组合,你舍得解开吗
2017/10/30 Python
python处理document文档保留原样式
2019/09/23 Python
Python+OpenCV实现实时眼动追踪的示例代码
2019/11/11 Python
Python中os模块功能与用法详解
2020/02/26 Python
Python 捕获代码中所有异常的方法
2020/08/03 Python
CSS3 画基本图形,圆形、椭圆形、三角形等
2016/09/20 HTML / CSS
Scholastic父母商店:儿童书籍
2017/01/01 全球购物
中专自荐信
2013/10/13 职场文书
《小草和大树》教学反思
2014/02/16 职场文书
公司业务员岗位职责
2014/03/18 职场文书
2015年置业顾问工作总结
2015/04/07 职场文书
2016党员三严三实心得体会
2016/01/15 职场文书
PyCharm配置KBEngine快速处理代码提示冲突、配置命令问题
2021/04/03 Python
Python使用OpenCV和K-Means聚类对毕业照进行图像分割
2021/06/11 Python
gtx1650怎么样 gtx1650显卡相当于什么级别
2022/04/08 数码科技
Golang流模式之grpc的四种数据流
2022/04/13 Golang