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 简写animation
May 10 HTML / CSS
纯css3无js实现的Android Logo(有简单动画)
Jan 21 HTML / CSS
一款利用html5和css3实现的3D滚动特效的教程
Jan 04 HTML / CSS
CSS3的 fit-content实现水平居中
Sep 07 HTML / CSS
CSS3 transforms应用于背景图像的解决方法
Apr 16 HTML / CSS
HTML5的结构和语义(1):前言
Oct 17 HTML / CSS
HTML5拖拽文件到浏览器并实现文件上传下载功能代码
Jun 06 HTML / CSS
html5唤起app的方法
Nov 30 HTML / CSS
详解Html5页面实现下载文件(apk、txt等)的三种方式
Oct 22 HTML / CSS
深入理解margin塌陷和margin合并的解决方案
Jun 26 HTML / CSS
纯html+css实现奥运五环的示例代码
Aug 02 HTML / CSS
解决flex布局中子项目尺寸不受flex-shrink限制
May 11 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
多文件上传的例子
2006/10/09 PHP
php实现给一张图片加上水印效果
2016/01/02 PHP
JS实现的省份级联实例代码
2013/06/24 Javascript
JS操作iframe里的dom(实例讲解)
2014/01/29 Javascript
纯js实现无限空间大小的本地存储
2015/06/18 Javascript
jQuery如何获取动态添加的元素
2016/06/24 Javascript
Jquery给当前页或者跳转后页面的导航栏添加选中后样式的实例
2016/12/08 Javascript
根据Bootstrap Paginator改写的js分页插件
2016/12/25 Javascript
angular实现form验证实例代码
2017/01/17 Javascript
使用JavaScript实现链表的数据结构的代码
2017/08/02 Javascript
React学习笔记之列表渲染示例详解
2017/08/22 Javascript
JS中的Replace()传入函数时的用法详解
2017/09/11 Javascript
jQuery第一次运行页面默认触发点击事件的实例
2018/01/10 jQuery
JavaScript数组去重算法实例小结
2018/05/07 Javascript
微信小程序用户授权,以及判断登录是否过期的方法
2019/05/10 Javascript
如何实现双向绑定mvvm的原理实现
2019/05/28 Javascript
微信小程序图片左右摆动效果详解
2019/07/13 Javascript
小程序实现左滑删除效果
2019/07/25 Javascript
判断“命令按钮”是否被鼠标单击详解
2019/07/31 Javascript
vue自定义标签和单页面多路由的实现代码
2020/05/03 Javascript
vue 解决setTimeOut和setInterval函数无效报错的问题
2020/07/30 Javascript
Fabric 应用案例
2016/08/28 Python
python 读取竖线分隔符的文本方法
2018/12/20 Python
使用Pyinstaller转换.py文件为.exe可执行程序过程详解
2019/08/06 Python
python实现在线翻译功能
2020/03/03 Python
Django中的session用法详解
2020/03/09 Python
Python+OpenCV图像处理——打印图片属性、设置存储路径、调用摄像头
2020/10/22 Python
美国成衣女装品牌:CHICO’S
2016/09/19 全球购物
linux面试题参考答案(11)
2016/11/26 面试题
名人演讲稿范文
2013/12/28 职场文书
清洁工表扬信
2014/01/08 职场文书
绘画专业自荐信范文
2014/02/23 职场文书
党日活动总结
2014/05/07 职场文书
党的群众路线教育实践活动个人承诺书
2014/05/22 职场文书
2015年社区综治宣传月活动总结
2015/03/25 职场文书
7个你应该知道的JS原生错误类型
2021/04/29 Javascript