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中简写属性要注意TRouBLe的顺序问题(避免踩坑)
Mar 09 HTML / CSS
纯CSS3实现Material Design效果
Mar 09 HTML / CSS
详解CSS3 弹性布局快速入门
Jun 06 HTML / CSS
css3中检验表单的required,focus,valid和invalid样式
Feb 21 HTML / CSS
CSS3 text shadow字体阴影效果
Jan 08 HTML / CSS
HTML5实现的震撼3D焦点图动画的示例代码
Sep 26 HTML / CSS
input元素的url类型和email类型简介
Jul 11 HTML / CSS
让IE9以下版本的浏览器兼容HTML5的方法
Mar 12 HTML / CSS
html5菜单折纸效果
Apr 22 HTML / CSS
canvas简易绘图的实现(海绵宝宝篇)
Jul 04 HTML / CSS
h5移动端调用支付宝、微信支付的实现
Jun 08 HTML / CSS
巧用 -webkit-box-reflect 倒影实现各类动效(小结)
Apr 22 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
详解no input file specified 三种解决方法
2019/11/29 PHP
ExtJS实现文件下载的方法实例
2013/11/09 Javascript
基于jquery实现发送文章到手机的代码
2014/12/26 Javascript
javascript检测两个数组是否相似
2015/05/19 Javascript
jQuery实现宽屏图片轮播实例教程
2015/11/24 Javascript
Node.js 使用命令行工具检查更新
2017/06/08 Javascript
JavaScript中递归实现的方法及其区别
2017/09/12 Javascript
微信小程序 POST请求的实例详解
2017/09/29 Javascript
React Native 通告消息竖向轮播组件的封装
2020/08/25 Javascript
vue.js使用代理和使用Nginx来解决跨域的问题
2018/02/03 Javascript
解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题
2019/09/27 Javascript
Vue+ElementUI使用vue-pdf实现预览功能
2019/11/26 Javascript
[02:19]2014DOTA2国际邀请赛 专访820少年们一起去追梦吧
2014/07/14 DOTA
python中format()函数的简单使用教程
2018/03/14 Python
使用Python的Django和layim实现即时通讯的方法
2018/05/25 Python
python日期时间转为字符串或者格式化输出的实例
2018/05/29 Python
pandas 按照特定顺序输出的实现代码
2018/07/10 Python
python 列表转为字典的两个小方法(小结)
2019/06/28 Python
Django使用unittest模块进行单元测试过程解析
2019/08/02 Python
python如何提升爬虫效率
2020/09/27 Python
CSS3制作翻转效果_动力节点Java学院整理
2017/07/11 HTML / CSS
CSS3 text shadow字体阴影效果
2016/01/08 HTML / CSS
伦敦哈德森鞋:Hudson Shoes
2018/02/06 全球购物
马来西亚最热门的在线时尚商店:FashionValet
2018/11/11 全球购物
阿里巴巴英国:Alibaba英国
2019/12/11 全球购物
摩飞电器俄罗斯官方网站:Morphy Richards俄罗斯
2020/07/30 全球购物
中专生毕业自我鉴定
2013/11/01 职场文书
乡镇干部先进事迹材料
2014/02/03 职场文书
初二学习计划书范文
2014/04/27 职场文书
政风行风评议个人心得体会
2014/10/29 职场文书
春季运动会开幕词
2015/01/28 职场文书
情人节活动总结范文
2015/02/05 职场文书
政工师工作总结2015
2015/05/26 职场文书
超市店长竞聘书
2015/09/15 职场文书
2015年行政管理人员工作总结
2015/10/15 职场文书
Mysql InnoDB 的内存逻辑架构
2022/05/06 MySQL