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 相关文章推荐
多重CSS背景动画实现方法示例
Apr 04 HTML / CSS
纯css3实现图片翻牌特效
Mar 10 HTML / CSS
css3 盒模型以及box-sizing属性全面了解
Sep 20 HTML / CSS
基于ccs3的timeline时间线实现方法
Apr 30 HTML / CSS
HTML5的结构和语义(1):前言
Oct 17 HTML / CSS
HTML5 新旧语法标记对我们有什么好处
Dec 13 HTML / CSS
使用HTML5的Canvas绘制曲线的简单方法
Sep 08 HTML / CSS
移动端html5 meta标签的神奇功效
Jan 06 HTML / CSS
HTML5新标签兼容——&gt; 的两种方法
Sep 12 HTML / CSS
HTML5中的网络存储实现方式
Apr 28 HTML / CSS
html+css实现分层金字塔的实例
Jun 02 HTML / CSS
CSS元素定位之通过元素的标签或者元素的id、class属性定位详解
Sep 23 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中this,self,parent的区别详解
2013/06/08 PHP
PHP结合JQueryJcrop实现图片裁切实例详解
2014/07/24 PHP
CI框架数据库查询之join用法分析
2016/05/18 PHP
PHP迭代器接口Iterator用法分析
2017/12/28 PHP
Avengerls vs KG BO3 第一场2.18
2021/03/10 DOTA
jquery animate图片模向滑动示例代码
2011/01/26 Javascript
各浏览器对click方法的支持差异小结
2011/07/31 Javascript
快速查找数组中的某个元素并返回下标示例
2013/09/03 Javascript
Js判断CSS文件加载完毕的具体实现
2014/01/17 Javascript
ExtJs动态生成treepanel的Json格式
2015/07/19 Javascript
js实现的全国省市二级联动下拉选择菜单完整实例
2015/08/17 Javascript
Bootstrap每天必学之导航
2015/11/26 Javascript
实例讲解jQuery中对事件的命名空间的运用
2016/05/24 Javascript
bootstrap multiselect下拉列表功能
2017/08/22 Javascript
JS实现获取汉字首字母拼音、全拼音及混拼音的方法
2017/11/14 Javascript
判断滚动条滑到底部触发事件(实例讲解)
2017/11/15 Javascript
Nodejs把接收图片base64格式保存为文件存储到服务器上
2018/09/26 NodeJs
angular ng-model 无法获取值的处理方法
2018/10/02 Javascript
基于jQuery的时间戳与日期间的转化
2019/06/21 jQuery
jQuery使用jsonp实现百度搜索的示例代码
2020/07/08 jQuery
[14:20]刀塔大凶女神互压各路奇葩屌丝
2014/05/16 DOTA
[01:07:11]Secret vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python文件操作,open读写文件,追加文本内容实例
2016/12/14 Python
Python Socket使用实例
2017/12/18 Python
python opencv实现任意角度的透视变换实例代码
2018/01/12 Python
PyQt5每天必学之关闭窗口
2018/04/19 Python
Python3简单实现串口通信的方法
2019/06/12 Python
python实现从本地摄像头和网络摄像头截取图片功能
2019/07/11 Python
Python下应用opencv 实现人脸检测功能
2019/10/24 Python
python实现二分类的卡方分箱示例
2019/11/22 Python
HTML5 Web Workers之网站也能多线程的实现
2013/04/24 HTML / CSS
求职简历的自我评价怎样写好
2013/10/07 职场文书
社区志愿者活动方案
2014/08/18 职场文书
小学秋季运动会报道稿
2014/09/30 职场文书
中学生旷课检讨书500字
2014/10/29 职场文书
Python MNIST手写体识别详解与试练
2021/11/07 Python