让IE(包括IE6)支持HTML5元素的方法

分享到:

方法1:

让IE(包括IE6)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的 document.createElement声明,利用条件注释针对IE来调用这个js文件。Opera,FireFox等其他非IE浏览器就会忽视这 段代码,也不会存在http请求。

<!–[if IE]>
<script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script>
<![endif]–>

上面这段代码仅会在IE浏览器下运行,还有一点需要注意,在页面中调用html5.js文件必须添加在页面的head元素内,因为IE浏览器必须在元素解析前知道这个元素,所以这个js文件不能在页面底部调用。

这个html5的js文件是作者把他放在Google code project上提供给大家可以直接调用的,当然,如果觉得这样会影响你的网页打开速度,你可以把html5的js文件直接下载下来让后上传到自己的服务器单独调用。

以下是html5的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])}})()
昵    称:
验证码:

相关文档:

  • APP开发 APP定制 APP外包 HTML5开发
    app应用在移动互联网时代赚钱的方式 移动互联网时代已经全面到来,如何利用广告这一传统的主流盈利模式,让移动apps的巨大流量得以...
  • 9款基于HTML5/SVG/Canvas的折线图表应用
    1、华丽的HTML5图表可展示实时数据 HTML5在图表应用中也十分广泛,比起以前的网页图表,HTML5图表制作更便捷,功能更强大。这款HTML5图...
  • HTML5自定义data属性
    可能大家在使用jquerymobile时,经常会看到data-role、data-theme等的使用,比如:通过如下代码即可实现页眉的效果: [html]<divdata-role="header"...
  • 15 Best Responsive HTML5 Frameworks 2014
    ...
  • html5+css3学习笔记音频和视频
    格式IEFirefoxOperaChromeSafari Ogg No 3.5+ 10.5+ 5.0+ No MPEG4 9.0+ No No 5.0+ 3.0+ WebM No 4.0+ 10.6+ 6.0+ No Ogg=带有Theora视频编码和Vorbis音频编码的Ogg...
  • html5做的一个激光条
    <!DOCTYPEHTML><htmllang="zh-cn"><head><title>CSS3激光加载条</title><metacharset="utf-8"/><scriptsrc="http://libs.bai...
  • 五大主流浏览器 CSS3 和 HTML5 兼容性大比拼
    各大主流浏览器对CSS3和HTML5的支持越来越完善,曾经让多少前端开发人员心碎的IE系也开始拥抱标准。就在前几天,W3C的HTML5社区领袖Shell...
  • [转自CocoaChina]创业者的新春礼包—优秀免费资源300+
    创业不易。从想出创意到最终产品上市,你需要既要做好产品开发和设计,又要管理好项目和效率,此外还需要做好业务开发和营销,前...
  • Front-end-Developer-Interview-Questions面试题笔记(一)HTML篇
    最近处于换工作状态,略微看了下github上的开源题目,觉得不错,决定做一做,查漏补缺,巩固一下自己的前端基础知识吧。 地址https://...
  • HTML5 移动应用开发环境搭建及原理分析
    开发环境搭建: 一、Android开发平台搭建 安装javajdk:\\10.194.151.132\Mewfile\tmp\ADT 配置javajdk 1)新建系统变量,JAVA_HOME,C:\ProgramFiles\Java\jdk1....
  • phonegap源码分析(一)--- android(转)
    Phonegap已把源码提交到apache,成为一个非常受关注的开源框架cordova,它的跨平台的特性有点当年Java的味道和势头,成为移动平台上比较...
  • 作为Web开发人员,我为什么喜欢Google Chrome浏览器
    转自:http://www.cnblogs.com/moonvan/archive/2011/12/09/2282710.html 在GoogleChrome浏览器出来之前,我一直使用FireFox,因为FireFox的插件非常丰富,更因...
  • 关于HMTL -[HTML5]
    前言: 为什么学习它?(HTML5) 会不会HTML5,其实并不会影响我的开发效率,我觉得终究还是跟个人性格有关,我喜欢前沿的东西。这就好比...
  • HTML中的figure与figcaption标签
    本来想分两篇文章来解释说明figure、figcaption的,但是这俩个标签都是定义图文的,所以我们合起来讲解,大家更能容易接受。 大家在写x...
  • html5 图片马赛克
    <body><canvasid="c1"></canvas><scripttype="text/javascript">varoC=document.getElementById("c1");varoGC=oC.getContext("2d");var...
  • 使用shadow dom封装web组件
    什么是shadowdom? 首先我们先来看看它长什么样子。在HTML5中,我们只用写如下简单的两行代码,就可以通过<video>标签来创建一个浏...
  • 使用HTML5改进移动Web应用的开发
    HTML5和移动应用已经成为就为增长最快的两个领域,HTML5和移动应用开发已经成为了新的就业机会,因此掌握HTML5是一件非常有意义的事情。...
  • [Javascript] Drawing Styles on HTML5 Canvas
    window.onload=function(){ varcanvas=document.getElementById("canvas"), context=canvas.getContext("2d"), width=canvas.width=600, height=canvas.height=...
  • 关于html5 DOCTYPYE的真正含义
    关于DOCTYPYE的真正含义《HTML5的设计》。 相信很多人都已经知道了<!DOCTYPEhtml>这是HTML5中对于文档类型的规范,DOCTYPE并不是写给浏览...
  • Hammer.js
    qq群号(html5技术交流):158677025 手机端演示二维码(或直接在手机中输入网址:http://lilinfeng.cncoder.me浏览效果): 一、前言 移动端框架当前...