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动画效果之animation的常用样式
Mar 09 HTML / CSS
CSS3中background-clip和background-origin的区别示例介绍
Mar 10 HTML / CSS
初探CSS3中的calc()功能
Jul 14 HTML / CSS
CSS3弹性盒模型flex box快速入门心得(必看篇)
May 24 HTML / CSS
CSS3 边框效果
Nov 04 HTML / CSS
详解基于 Canvas 手撸一个六边形能力图
Sep 02 HTML / CSS
HTML5 与 XHTML2
Oct 17 HTML / CSS
h5使用canvas画布实现手势解锁
Jan 04 HTML / CSS
html5唤醒APP小记
Mar 27 HTML / CSS
html5 canvas实现给图片添加平铺水印
Aug 20 HTML / CSS
html5 制作地图当前定位箭头的方法示例
Jan 10 HTML / CSS
html form表单基础入门案例讲解
Jul 21 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中的一些数组排序方法分享
2012/07/20 PHP
3款值得推荐的微信开发开源框架
2014/10/28 PHP
php实现图片上传并利用ImageMagick生成缩略图
2016/03/14 PHP
jquery 之 $().hover(func1, funct2)使用方法
2012/06/14 Javascript
js禁止页面刷新禁止用F5键刷新禁止右键的示例代码
2013/09/23 Javascript
Node.js模拟浏览器文件上传示例
2014/03/26 Javascript
使用js实现的简单拖拽效果
2015/03/18 Javascript
JavaScript中的this关键字使用详解
2015/08/14 Javascript
JS遍历页面所有对象属性及实现方法
2016/08/01 Javascript
jQuery插件Easyui设置datagrid的pageNumber导致两次请求问题的解决方法
2016/08/06 Javascript
JavaScript中Number对象的toFixed() 方法详解
2016/09/02 Javascript
Javascript实现汉字和拼音互转的终极方案
2016/10/19 Javascript
微信小程序 开发MAP(地图)实例详解
2017/06/27 Javascript
ajax请求data遇到的问题分析
2018/01/18 Javascript
微信小程序的mpvue框架快速上手指南
2019/05/15 Javascript
vue中的过滤器实例代码详解
2019/06/06 Javascript
python解决字典中的值是列表问题的方法
2013/03/04 Python
Python实现删除Android工程中的冗余字符串
2015/01/19 Python
numpy.linspace 生成等差数组的方法
2018/07/02 Python
基于Python3.6+splinter实现自动抢火车票
2018/09/25 Python
Python实现读取txt文件中的数据并绘制出图形操作示例
2019/02/26 Python
基于python实现从尾到头打印链表
2019/11/02 Python
从多个tfrecord文件中无限读取文件的例子
2020/02/17 Python
python 实现分组求和与分组累加求和代码
2020/05/18 Python
pycharm全局搜索的具体步骤
2020/07/28 Python
使用PyCharm安装pytest及requests的问题
2020/07/31 Python
关于PySnooper 永远不要使用print进行调试的问题
2021/03/04 Python
欧舒丹比利时官网:L’OCCITANE比利时
2017/04/25 全球购物
设计师珠宝:Ylang 23
2018/05/11 全球购物
教师先进工作者事迹材料
2014/05/01 职场文书
职务说明书范文
2014/05/07 职场文书
争当四好少年演讲稿
2014/09/13 职场文书
开展党的群众路线教育实践活动工作总结
2014/11/05 职场文书
赔偿协议书
2015/01/27 职场文书
2015年度个人思想工作总结
2015/04/08 职场文书
mybatis 获取更新记录的id
2022/05/20 Java/Android