让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标准在全球广泛的使用已经是大势所趋。

转载: [url]http://www.iefans.net/ieliulanqi-zhichi-html5-fangfa/[/url]

让IE浏览器支持HTML5标准的方法相关推荐

  1. 让IE浏览器支持HTML5标准的方法(转)

    ====================================================== 注:本文源代码点此下载 ================================= ...

  2. 让你的IE浏览器支持HTML5标准方法代码

    自HTML5标准的提出就得到非常多的关注,而作为全球使用用户最多的IE浏览器能够支持HTML5标准也是大家备受关注一个问题,上周微软在技术大会上就表示目前微软正在开发的IE9将更加支持HTML5标准, ...

  3. 浏览器支持HTML5+标准,可达到原生的功能体验

    北京时间10月28日,在北京国家会议中心,工信部召开的<2016移动智能终端峰会>上,举办了HTML5中国产业联盟挂靠工信部信通院标准所的挂靠仪式. HTML5中国产业联盟之前是W3C指导 ...

  4. 让浏览器支持html5的方法!

    自HTML5标准的提出就得到非常多的关注,而作为全球使用用户最多的IE浏览器能够支持HTML5标准也是大家备受关注一个问题,上周微软在技术大会上就表示目前微软正在开发的IE9将更加支持HTML5标准, ...

  5. uc支持html5么,支持Html5标准 UC浏览器8.1版抢先评测

    提到UC浏览器,智能手机用户应该是最熟悉不过,这款国产手机端浏览器以速度快.省流量而著称,目前已经覆盖了iOS.Android.WP7.Symbian等多个主流智能手机平台.今天,UC优视将在iOS. ...

  6. android 8.1评测,支持Html5标准 UC浏览器8.1安卓版抢先评测

    提到UC浏览器,智能手机用户应该是最熟悉不过,这款国产手机端浏览器以速度快.省流量而著称,目前已经覆盖了iOS.Android.WP7.Symbian等多个主流智能手机平台.今天,UC优视将在iOS. ...

  7. 如何让低版本IE浏览器支持HTML5和CSS3

    在默认状态下,低版本的IE浏览器是不支持HTML5和CSS3的,很多良好的效果都不能够使用,这不能不说是一种遗憾,为了弥补此种遗憾,因此产生了很多优秀的插件,下面就介绍比较常用的几种. 一.html5 ...

  8. 百度浏览器支持html5,百度手机浏览器完美驾驭HTML5

    8月17.18日,由百度主办,Adobe.W3C协办的Test The Web Forward (简称TTWF)2013上海站开发者活动举办,百度技术委员会理事长陈尚义.W3C HTML联合主席Pau ...

  9. 手机qq浏览器支持html5,手机QQ浏览器三大法宝助HTML5开发者成功

    6月27日消息,腾讯举办的手机QQ浏览器HTML5创新大赛沙龙分享会第二场在北京举行,HTML5开发者.技术专家等众多行业人士将齐聚一堂共同探讨HTML5技术发展趋势以及WebApp未来发展之路. 而 ...

最新文章

  1. 兼容软件多的linux,现在有多少种同Linux系统兼容的软件?
  2. linux配置选项大全,Linux下的十项实用“sudo”配置选项
  3. OpenCV GPU 简单遍历图像
  4. python使用手册-Python参考手册(第4版)
  5. python输入数据的维度_keras分类模型中的输入数据与标签的维度实例
  6. java final类的写法_重拾JavaSE基础——抽象类、接口、代码块、final和枚举
  7. 【linux下dhcp服务的简单搭建及优化部署】
  8. 趣解 XSS和CSRF的原理
  9. hadoop--HDFS_机架感知与网络拓扑节点距离计算
  10. 黑鱼资源网完整版织梦整站源码打包分享
  11. android9 system_server 访问sd卡_Leez学院丨手把手教你栗子板Android9固件编译
  12. Java常见面试题:BIO,NIO,AIO 有什么区别?
  13. window安装python27和配置环境变量
  14. 华硕无线网卡测试软件,华硕 AiMesh WiFi系统 无线回程测试
  15. 让自己的电脑会说话||让电脑在开机时说话
  16. mac上通过自动操作达到右键通过vscode打开文件、文件夹
  17. 使用Bitmap生成透明底图,并保存到本地SD卡中
  18. 网购使用的计算机网络技术,浅议计算机网络技术的应用与发展
  19. php和html关于读取文件的小项目
  20. Java freemarker 模板生成word动态表格

热门文章

  1. 什么是代理IP池,如何构建?
  2. 【AAAI2021】Dual-Level Collaborative Transformer for Image Captioning
  3. 使用Wireshark抓包软件提示The NPF driver isn’t running解决办法
  4. 右脑发达学计算机好吗,学习右脑你必须知道的几件事
  5. Git-优雅地解决冲突:使用ours和theirs
  6. 金蝶kis记账王凭证过账要不要要审核
  7. 2016 年度码云热门项目排行榜 TOP 50
  8. [科普]DLL是什么
  9. CSS—清除浮动的几种方式
  10. 生活无大事,生活无小事,需用心经营才行