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 object-fit属性
Jul 27 HTML / CSS
纯HTML+CSS3制作导航菜单(附源码)
Apr 24 HTML / CSS
利用CSS3实现文本框的清除按钮相关的一些效果
Jun 23 HTML / CSS
css3 实现圆形旋转倒计时
Feb 24 HTML / CSS
html+css实现自定义图片上传按钮功能
Sep 04 HTML / CSS
html5中监听canvas内部元素点击事件的三种方法
Apr 28 HTML / CSS
HTML5 placeholder(空白提示)属性介绍
Aug 07 HTML / CSS
HTML5所有标签汇总及标签意义解释
Mar 12 HTML / CSS
浅谈html5标签css3的常用样式
Oct 20 HTML / CSS
webView加载html图片遇到的问题解决
Oct 08 HTML / CSS
amaze ui 的使用详细教程
Aug 19 HTML / CSS
web前端之css水平居中代码解析
May 20 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
将OICQ数据转成MYSQL数据
2006/10/09 PHP
php利用cookies实现购物车的方法
2014/12/10 PHP
Yii2框架自定义类统一处理url操作示例
2019/05/25 PHP
PHP实现的AES 128位加密算法示例
2019/09/16 PHP
JavaScript 选中文字并响应获取的实现代码
2011/08/28 Javascript
JavaScript 实现简单的倒计时弹窗DEMO附图
2014/03/05 Javascript
javascript去除空格方法小结
2015/05/21 Javascript
详解JavaScript中Date.UTC()方法的使用
2015/06/12 Javascript
JavaScript访问字符串中单个字符的两种方法
2015/07/03 Javascript
js制作可以延时消失的菜单
2017/01/13 Javascript
javascript设计模式之策略模式学习笔记
2017/02/15 Javascript
浅谈JS获取元素的N种方法及其动静态讨论
2017/08/25 Javascript
javascript帧动画(实例讲解)
2017/09/02 Javascript
vue路由前进后退动画效果的实现代码
2018/12/10 Javascript
今天,小程序正式支持 SVG
2019/04/20 Javascript
20多个小事例带你重温ES10新特性(小结)
2019/09/29 Javascript
vue video和vue-video-player实现视频铺满教程
2020/10/30 Javascript
[48:21]Mski vs VGJ.S Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
python文件读写操作与linux shell变量命令交互执行的方法
2015/01/14 Python
Windows下Anaconda的安装和简单使用方法
2018/01/04 Python
python3基于OpenCV实现证件照背景替换
2018/07/18 Python
用Python去除图像的黑色或白色背景实例
2019/12/12 Python
tensorboard显示空白的解决
2020/02/15 Python
Django CSRF认证的几种解决方案
2020/03/03 Python
TensorFlow2.1.0安装过程中setuptools、wrapt等相关错误指南
2020/04/08 Python
做一个能自适应高度的textarea的示例代码
2019/09/06 HTML / CSS
韩国演唱会订票网站:StubHub韩国
2019/01/17 全球购物
新西兰Bookabach:查找全球度假屋
2020/12/03 全球购物
幼儿园中班新学期寄语
2014/01/18 职场文书
博士毕业生自我鉴定范文
2014/04/13 职场文书
小学英语课后反思
2014/04/26 职场文书
违反交通安全法检讨书
2014/10/24 职场文书
电影红河谷观后感
2015/06/11 职场文书
python 利用 PIL 将数组值转成图片的实现
2021/04/12 Python
基于Python实现对比Exce的工具
2022/04/07 Python
Windows11 Insider Preview Build 25206今日发布 更新内容汇总
2022/09/23 数码科技