让IE浏览器支持HTML5标准的方法

自HTML5标准的提出就得到非常多的关注,而作为全球使用用户最多的IE浏览器能够支持HTML5标准也是大家备受关注一个问题,上周微软在技术大会上就表示目前微软正在开发的IE9将更加支持HTML5标准,但对于IE9是否将完全支持HTML5所有的标准,微软却表现的有点含糊其辞。HTML5标准能为网页带来更高效更洁净的代码,只有微软参与HTML5的设计工作,才能让IE浏览器识别更多的新元素。

HTML5标准预计是在2022年向全世界发布,虽然目前距他发布的日期还有3年左右的时间,但是我认为它距离我们并不是那么遥远,目前很多网站的设计和开发都是在采用HTML5的标准。在HTML5标准的制定和推广方面,苹果、Google、Opera和Mozilla等知名的浏览器厂商都表现的比较积极,微软现在也开始付出行动了,从上周微软在技术大会公布的IE9细节来看,微软将采取一种谨慎的态度涉足网页标准。微软也曾表示:IE浏览器将以标准HTML5为核心。但是微软的最新浏览器IE8及以下IE版本对HTML5标签的支持是有限的,我们可以通过在网页中添加脚本的方式来解决目前IE浏览器对HTML5支持的问题。

让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])}})()

除了在网页中调用包含以上代码的js文件来让IE浏览器支持HTML5元素以外,你也可以以下面这种方式把代码直接添加到网页中。

<!--[if IE]>
<script>
(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])}})()
</script>
<![endif]-->

IE开发经理艾德里安巴特曼(Adrian Bateman )就曾表示,IE团队希望分享自己对HTML5的看法,并参与制定该标准的讨论。巴特曼表示,尽管目前IE团队更多是提出问题,而非给出解决办法,但是公开讨论正是推动HTML5发展的最佳方式。相信无论IE浏览器是否能够继续支持HTML5标准,HTML5标准在全球广泛的使用已经是大势所趋。

(0)

相关推荐

  • 迅雷浏览器支持修复失败的可行解决方法

    下文小编就为大家带来有关迅雷支持修复失败的解决方法,相信还有很多朋友对于迅雷浏览器支持修复失败不知道该怎么解决,下面就和小编一起看下吧。 迅雷浏览器支持修复失败解决方法: 1、开“迅雷极速版”,点击界 ...

  • 迅雷浏览器支持修复失败怎么办?

    遇到迅雷浏览器支持修复失败怎么办?下文将演示迅雷浏览器支持修复失败解决方法,如果你在使用迅雷浏览器支持修复功能时遇到了问题,那么不妨试一试下文的方法哦~ 1.开"迅雷极速版",点击 ...

  • 使用IE浏览器时右下角状态栏中显示"对象不支持此属性或方法"的解决办法

    症状分析:使用IE浏览器时,IE右下角状态栏中显示“对象不支持此属性或方法,已完成,但网页上有错误”的警告提示,双击状态栏上的“详细信息”后可以查看到 “行:x 字符:x 错误:没有注册类别 代码:x ...

  • win7旗舰版系统设置IE浏览器支持断点续传的方法

    win7系统系统软件或程序,为追求速度,很多用户会采用迅雷.快车,等第三方软件进行加速.前提是必须下载加速软件,而这些软件占用一大部分的内存空间,减慢系统运行速度,操作过程中还会弹出很多广告.很多用户 ...

  • 如何解决IE浏览器对象不支持此属性或方法问题

    IE是Windows系统自带的浏览器软件,有些用户遇到了对象不支持此属性或方法问题,想知道如何解决,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步点击左下角搜索框,根据下图所示, ...

  • 浏览器显示“对象不支持此属性或方法“怎么解决

    在使用浏览器的时候,有的时候突然浏览器显示"对象不支持此属性或方法"如何解决.这个其实不难,我们一起看看详细的解决方法. 操作方法 01 首先需要打开浏览器. 02 点击浏览器左上 ...

  • 傲游浏览器3开始支持HTML5视频

    今天傲游浏览器3.0迎来Beta后首轮更新,为用户带来多项大幅更新。其中包括用户期待已久的头像回归,XP下的新用户界面等。最抢眼的就是加入了两项对HTML5特性的支持。 新版的界面中,傲游账户的头像回 ...

  • IE浏览器支持RGBa的背景色

    RGBa是一种在CSS中声明包含透明效果的颜色的方法,通过RGBa我们可以将一个元素设置为透明,而不会影响其子元素。但是并非所有的浏览器支持RGBa的背景色,其中用户颇多的老版本IE浏览器就不支持,好 ...

  • Firefox6正式版试用 完整支持HTML5规则

    原计划于本周二(8月16日)发布的Firefox 6.0正式版,提前两日便被它的粉丝们发现在Firefox的FTP服务器上已悄然出现了6.0正式版的丽影,欣喜的用户现在就已然可以下载到这一经典的浏览器 ...