让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请求。

上面这段代码仅会在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元素以外,你也可以以下面这种方式把代码直接添加到网页中。

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

原文:http://www.iefans.net/ieliulanqi-zhichi-html5-fangfa/

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/