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 相关文章推荐
移动端rem布局的两种实现方法
Jan 03 HTML / CSS
几个CSS3的flex弹性盒模型布局的简单例子演示
May 12 HTML / CSS
移动端Web页面的CSS3 flex布局快速上手指南
May 31 HTML / CSS
详解rem 适配布局
Oct 31 HTML / CSS
HTML5是否真的可以取代Flash
Feb 10 HTML / CSS
HTML5之SVG 2D入门11—用户交互性(动画)介绍及应用
Jan 30 HTML / CSS
基于HTML5的WebGL实现json和echarts图表展现在同一个界面
Oct 26 HTML / CSS
小程序canvas中文字设置居中锚点
Apr 16 HTML / CSS
html5借用repeating-linear-gradient实现一把刻度尺(ruler)
Sep 09 HTML / CSS
html5 datalist 选中option选项后的触发事件
Mar 05 HTML / CSS
iframe与window.onload如何使用详解
May 07 HTML / CSS
在HTML中引入CSS的几种方式介绍
Dec 06 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作的文本留言本的例子(二)
2006/10/09 PHP
PHP处理Json字符串解码返回NULL的解决方法
2014/09/01 PHP
php删除数组中重复元素的方法
2015/12/22 PHP
PHP之认识(二)关于Traits的用法详解
2019/04/11 PHP
细品javascript 寻址,闭包,对象模型和相关问题
2009/04/27 Javascript
10款非常有用的 Ajax 插件分享
2012/03/14 Javascript
js 获取radio按钮值的实例
2013/08/17 Javascript
raphael.js绘制中国地图 地图绘制方法
2014/02/12 Javascript
jQuery实现购物车计算价格功能的方法
2015/03/25 Javascript
jquery+php实现滚动的数字特效
2015/11/29 Javascript
浅谈javascript中的 “ &amp;&amp; ” 和 “ || ”
2017/02/02 Javascript
bootstrap table单元格新增行并编辑
2017/05/19 Javascript
JavaScript实现图片切换效果
2017/08/12 Javascript
vue生成token保存在客户端localStorage中的方法
2017/10/25 Javascript
jquery animate动画持续运动的实例
2017/11/29 jQuery
vue mint-ui tabbar变组件使用
2018/05/04 Javascript
Vue路由history模式解决404问题的几种方法
2018/09/29 Javascript
JS执行控制之节流模式实例分析
2018/12/21 Javascript
ES6知识点整理之对象解构赋值应用示例
2019/04/17 Javascript
vue实现点击追加选中样式效果
2019/11/01 Javascript
JS实现长图上下滚动效果
2020/03/19 Javascript
Vue实现简单的跑马灯
2020/05/25 Javascript
24个ES6方法解决JS实际开发问题(小结)
2020/05/31 Javascript
jquery实现鼠标悬浮弹出气泡提示框
2020/12/23 jQuery
[56:41]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Newbee vs OG
2018/04/01 DOTA
python字典的常用操作方法小结
2016/05/16 Python
不可错过的十本Python好书
2017/07/06 Python
Pandas 数据框增、删、改、查、去重、抽样基本操作方法
2018/04/12 Python
Pytest mark使用实例及原理解析
2020/02/22 Python
铁路安全事故反思
2014/04/26 职场文书
优秀少先队工作者事迹材料
2014/05/13 职场文书
不尊敬老师检讨书范文
2014/11/19 职场文书
客服专员岗位职责
2015/02/10 职场文书
2015年效能监察工作总结
2015/04/23 职场文书
《我在为谁工作》:工作的质量往往决定生活的质量
2019/12/27 职场文书
win11怎么消除图标小盾牌?win11消除图标小盾牌解决方法
2022/08/05 数码科技