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

让浏览器支持html5的方法!相关推荐

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

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

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

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

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

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

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

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

  5. html5.js让IE(包括IE6)支持HTML5元素方法

    html5.js让IE(包括IE6)支持HTML5元素方法 微软的最新浏览器IE8及以下IE版本对HTML5标签的支持是有限的,我们可以通过在网页中添加脚本的方式来解决目前IE浏览器对HTML5支持的 ...

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

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

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

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

  8. HTML5 浏览器支持(怎么样让低版本浏览器支持html5?)

    你可以让一些较早的浏览器(不支持HTML5)支持 HTML5. 现代的浏览器都支持 HTML5. 此外,所有浏览器,包括旧的和最新的,对无法识别的元素会作为内联元素自动处理. 正因为如此,你可以 &q ...

  9. 让低版本的IE浏览器支持HTML5

    Internet Explorer 浏览器问题 你可以使用以上的方法来为 IE 浏览器添加 HTML5 元素,但是: 我们可以使用 Sjoerd Visscher 创建的 "HTML5 En ...

最新文章

  1. python退出函数_python 退出程序的方式
  2. 利用文件头判断文件类型
  3. 如何在Eclipse中查看Android源码或者第三方组件包源码
  4. 无意间发现BAT大佬总结的一份目标检测、卷积神经网络和OpenCV学习资料(教程/PPT/代码)...
  5. Win10下安装LabelImg以及使用(绝对是全网最简单的教程)
  6. 转:开启nginx的gzip压缩的相关参数设置
  7. Bartender 让Mac选项列不再拥挤
  8. 台达ms300变频器使用手册中文_台达ms300变频器说明书.doc
  9. 一款三搭_今秋内搭无需多,有“小高领”就够了!时髦百搭,配啥上衣都好看...
  10. 慎用!3个容易被打的Python恶搞脚本!
  11. 比湿,相对湿度和绝对湿度
  12. oracle 用户创建赋权,oracle 建表空间用户及赋权
  13. 异步FIFO跨时钟域亚稳态如何解决?
  14. OpenCV-Python画虚线
  15. Unity3D游戏开发之游戏模型制作:机器人
  16. 备份onetab数据
  17. 彻底关闭Chrome浏览器更新及右上角的更新提示
  18. 一对多GRE隧道配置
  19. Webshell文件上传漏洞
  20. 内网如何连接外网,注意!!

热门文章

  1. 路由选择协议——RIP协议
  2. 【编译原理】正则文法与正则式的等价性
  3. Android圆角和阴影
  4. 10大经典数据分析模型,你知道几个?(二)
  5. 「技术面试」问答中有什么十分实用的面试技巧?
  6. 跃入下一代互联网-淘宝IPv6实践
  7. APP下载链接在微信打开无法下载 该如何处理
  8. Apache与Apache Tomcat区别
  9. 探究ES suggest search
  10. 8年经验面试官详解 Java 面试秘诀