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 12 HTML / CSS
CSS3 实用技巧:实现黑白图像效果示例代码
Jul 11 HTML / CSS
CSS实现限制字数功能当对象内文本溢出时显示省略标记
Aug 20 HTML / CSS
CSS3中颜色线性渐变实战
Jul 18 HTML / CSS
CSS3圆角和渐变2种常用功能详解
Jan 06 HTML / CSS
CSS3毛玻璃效果(blur)有白边问题的解决方法
Nov 15 HTML / CSS
css3针对移动端卡顿问题的解决(动画性能优化)
Feb 14 HTML / CSS
纯CSS3实现鼠标滑过按钮动画第二节
Jul 16 HTML / CSS
HTML5实现晶莹剔透的雨滴特效
May 14 HTML / CSS
HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性)
Aug 24 HTML / CSS
详解如何通过H5(浏览器/WebView/其他)唤起本地app
Dec 11 HTML / CSS
CSS3 制作的彩虹按钮样式
Apr 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
完美解决令人抓狂的zend studio 7代码提示(content Assist)速度慢的问题
2013/06/20 PHP
分享常见的几种页面静态化的方法
2015/01/08 PHP
PHP利用APC模块实现文件上传进度条的方法
2015/01/26 PHP
PHPCrawl爬虫库实现抓取酷狗歌单的方法示例
2017/12/21 PHP
在网页中屏蔽快捷键
2006/09/06 Javascript
Jquery iframe内部出滚动条
2010/02/11 Javascript
判断控件是否已加载完成的代码
2010/02/24 Javascript
JavaScript访问样式表代码
2010/10/15 Javascript
jquery常用操作小结
2014/07/21 Javascript
jQuery源码分析之jQuery.fn.each与jQuery.each用法
2015/01/23 Javascript
JS和jQuery使用submit方法无法提交表单的原因分析及解决办法
2016/05/17 Javascript
js获取元素的标签名实现方法
2016/10/08 Javascript
jQuery EasyUI ProgressBar进度条组件
2017/02/28 Javascript
JavaScript原型链与继承操作实例总结
2018/08/24 Javascript
使用python实现递归版汉诺塔示例(汉诺塔递归算法)
2014/04/08 Python
在Python中使用SimpleParse模块进行解析的教程
2015/04/11 Python
Python下的常用下载安装工具pip的安装方法
2015/11/13 Python
python anaconda 安装 环境变量 升级 以及特殊库安装的方法
2017/06/21 Python
使用Python 正则匹配两个特定字符之间的字符方法
2018/12/24 Python
在python下使用tensorflow判断是否存在文件夹的实例
2019/06/10 Python
利用ImageAI库只需几行python代码实现目标检测
2019/08/09 Python
详解Django中异步任务之django-celery
2020/11/05 Python
CSS3的resize属性使用初探
2015/09/27 HTML / CSS
中国最大的潮流商品购物网站:YOHO!BUY有货
2017/01/07 全球购物
什么是.net的Remoting技术
2016/07/08 面试题
班组长工作职责
2013/12/25 职场文书
2014年计算机专业个人自我评价
2014/01/19 职场文书
应聘文员自荐信范文
2014/03/11 职场文书
保密承诺书范文
2014/03/27 职场文书
清明节演讲稿
2014/05/27 职场文书
爱国主义教育演讲稿
2014/08/26 职场文书
超市创业计划书
2014/09/15 职场文书
2015年大学社团工作总结
2015/04/09 职场文书
2015秋季运动会通讯稿
2015/07/18 职场文书
2016年教师党员公开承诺书
2016/03/24 职场文书
java设计模式--建造者模式详解
2021/07/21 Java/Android