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实现的圆形旋转分享按钮旋转角度可自己调整
Sep 02 HTML / CSS
CSS3的颜色渐变效果的示例代码
Sep 29 HTML / CSS
css3动画鼠标放上图片逐渐变大鼠标离开图片逐渐缩小效果
Jan 27 HTML / CSS
HTML5 标准将把互联网视频扔回到黑暗时代
Feb 10 HTML / CSS
HTML中fieldset标签概述及使用方法
Feb 01 HTML / CSS
Javascript 高级手势使用介绍
Apr 21 HTML / CSS
html5定位获取当前位置并在百度地图上显示
Aug 22 HTML / CSS
浅谈关于html5中图片抛物线运动的一些心得
Jan 09 HTML / CSS
简述Html5 IphoneX 适配方法
Feb 08 HTML / CSS
HTML5 实现图片上传预处理功能
Feb 06 HTML / CSS
使用CSS实现一个搜索引擎的原理解析
Sep 25 HTML / CSS
基于HTML十秒做出淘宝页面
Oct 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中使用Select 查询语句的实例
2014/02/19 PHP
php中使用session防止用户非法登录后台的方法
2015/01/27 PHP
php 5.4 全新的代码复用Trait详解
2017/01/05 PHP
Laravel5中Cookie的使用详解
2017/05/03 PHP
JavaScript 函数调用规则
2009/09/14 Javascript
Javascript 网页黑白效果实现代码(兼容IE/FF等)
2010/04/23 Javascript
一个关于javascript匿名函数的问题分析
2012/03/30 Javascript
js使浏览器窗口最大化实现代码(适用于IE)
2013/08/07 Javascript
实测jquery data()如何存值
2013/08/18 Javascript
jquery中html、val与text三者属性取值的联系与区别介绍
2013/12/29 Javascript
详谈LABJS按需动态加载js文件
2015/05/07 Javascript
JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome
2017/01/05 Javascript
js Canvas绘制圆形时钟效果
2017/02/17 Javascript
js仿微信公众平台打标签功能
2017/04/08 Javascript
纯原生js实现贪吃蛇游戏
2020/04/16 Javascript
使用D3.js创建物流地图的示例代码
2018/01/27 Javascript
Vue.js数字输入框组件使用方法详解
2019/10/19 Javascript
在vue中使用eslint,配合vscode的操作
2020/11/09 Javascript
[58:25]VP vs RNG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
[03:40]DOTA2抗疫特别篇《英雄年代》
2020/02/28 DOTA
Python3实现抓取javascript动态生成的html网页功能示例
2017/08/22 Python
Python unittest单元测试框架总结
2018/09/08 Python
在python中,使用scatter绘制散点图的实例
2019/07/03 Python
Python实现的远程文件自动打包并下载功能示例
2019/07/12 Python
Python 获取异常(Exception)信息的几种方法
2020/12/29 Python
布里斯班女装时尚品牌:Adrift
2017/12/28 全球购物
什么是重载?CTS、CLS和CLR分别做何解释
2012/05/06 面试题
护理专科自荐书范文
2014/02/18 职场文书
航海技术专业毕业生求职信
2014/04/06 职场文书
学位证书委托书
2014/09/30 职场文书
2014财产信托协议书范本
2014/11/18 职场文书
2015学校图书管理员工作总结
2015/05/11 职场文书
交通安全教育心得体会
2016/01/15 职场文书
oracle表分区的概念及操作
2021/04/24 Oracle
Python Matplotlib库实现画局部图
2021/11/17 Python
python创建字典及相关管理操作
2022/04/13 Python