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实现鼠标滑过鼠标点击代码写法
Dec 26 HTML / CSS
纯css3(无图片/js)制作的几个社交媒体网站的图标
Mar 21 HTML / CSS
纯CSS3实现圆角效果(含IE兼容解决方法)
May 07 HTML / CSS
实例讲解CSS3中的box-flex弹性盒属性布局
Jun 09 HTML / CSS
CSS3中Transition动画属性用法详解
Jul 04 HTML / CSS
CSS3绘制有活力的链接下划线
Jul 14 HTML / CSS
css3实现蒙版弹幕功能
Jun 18 HTML / CSS
解决margin 外边距合并问题
Jul 03 HTML / CSS
HTML5 本地存储之如果没有数据库究竟会怎样
Apr 25 HTML / CSS
html5记忆翻牌游戏实现思路及代码
Jul 25 HTML / CSS
多视角3D逼真HTML5水波动画
Mar 03 HTML / CSS
如何使用canvas绘制可移动网格的示例代码
Dec 14 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支持页面回退的两种方法
2008/01/10 PHP
discuz7 phpMysql操作类
2009/06/21 PHP
php 服务器调试 Zend Debugger 的安装教程
2009/09/25 PHP
一个简单的PHP验证码实现代码
2014/05/10 PHP
PHP自毁程序(慎用)
2015/07/09 PHP
Laravel学习教程之从入口到输出过程详解
2017/08/27 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
用dtree实现树形菜单 dtree使用说明
2011/10/17 Javascript
jQuery.Highcharts.js绘制柱状图饼状图曲线图
2015/03/14 Javascript
javascript实现验证身份证号的有效性并提示
2015/04/30 Javascript
js和jquery实现监听键盘事件示例代码
2020/06/24 Javascript
基于Node.js实现nodemailer邮件发送
2016/01/26 Javascript
Bootstrap3.0学习教程之JS折叠插件
2016/05/27 Javascript
js检查是否关闭浏览器的方法
2016/08/02 Javascript
jQuery实现侧浮窗与中浮窗切换效果的方法
2016/09/05 Javascript
JS判断输入的字符串是否是数字的方法(正则表达式)
2016/11/29 Javascript
你不知道的 javascript【推荐】
2017/01/08 Javascript
jQuery实现的弹幕效果完整实例
2017/09/06 jQuery
微信、QQ、微博、Safari中使用js唤起App
2018/01/24 Javascript
swiper在angularjs中使用循环轮播失效的解决方法
2018/09/27 Javascript
layui table 获取分页 limit的方法
2019/09/20 Javascript
vue-cli创建的项目中的gitHooks原理解析
2020/02/14 Javascript
python 换位密码算法的实例详解
2017/07/19 Python
Python实现一个带权无回置随机抽选函数的方法
2019/07/24 Python
解决pytorch 模型复制的一些问题
2021/03/03 Python
如何使用html5与css3完成google涂鸦动画
2012/12/16 HTML / CSS
建筑设计师岗位职责
2013/11/18 职场文书
财务管理专业推荐信
2013/11/19 职场文书
技能比赛获奖感言
2014/02/14 职场文书
小班开学寄语
2014/04/04 职场文书
努力学习演讲稿
2014/05/10 职场文书
流动人口婚育证明
2014/10/19 职场文书
公务员考察材料
2014/12/23 职场文书
Java实现多线程聊天室
2021/06/26 Java/Android
MySQL面试题讲解之如何设置Hash索引
2021/11/01 MySQL
sql server偶发出现死锁的解决方法
2022/04/10 SQL Server