一些前端开发者们认为IE6、7、8不支持,HTML5离我们还有很远就不去关注它。其实,HTML5 现在越来越盛行了,并不是那么遥不可及。你有没有发现,不管是在博客上还是在QQ群里,已经随处可见对HTML5的讨论,而且有传闻说一些公司的前端招聘开始需要具备HTML5的知识,甚至一些主流的网站上已经有了不少的HTLM5运用。下面就带领大家一起来看看这些网站是如何运用HTML5的。
1、淘宝
淘宝的UED团队一直是互联网技术的先驱者,从960的栅格到现在的HTML5运用,各种大胆的尝试,都引领着前端技术的动向,2011年初淘宝对网站进行了改版,并首次在淘宝网上运用HTML5:
大家可以看到,在淘宝首页上运用了HTML5标签,使页面代码简练易懂,更具语义化。因为IE6、7、8 不支持HTML5,淘宝也做了相应的处理:
在页面中插入IE条件判断,对IE用户使用JS 模拟HTML5环境。对于禁用了脚本的用户,淘宝还会作出相应的提示,让用户选择开启或继续浏览:
如果选择继续浏览,则会以HTML4的方式呈现:
2、百度
低调的百度去年推出的百度经验也使用了HTML5标签进行布局:
相应的针对IE6、7、8也做了处理:
不过当用户禁用了脚本后,百度却并没有进行相应的引导,使得页面全部错位:
这些细节处理方面,显然百度没有淘宝做得仔细。不过有朋友提到,百度经验是国内最早在商业网站上运用HTML5的,是真是假就不得而知了。
3、主流视频网站
众所周知,苹果对FLASH是不支持的。随着苹果Mac、Iphone、Ipad等等的盛行,各大视频网站纷纷趁着HTML5的东风开始对其产品进 行技术革新。而国内最大的视频网站优酷网也在10年末上线了新产品,采用HTML5和HTTP Live Streaming技术,对苹果iOS系统实现了全面的支持,并达到和PC上一样流畅而清晰的体验。全球最大的视频网站YouTube也在去年告别了 FLASH,开始采用HTML5影音播放器,同时还伴随着更多的新应用产生。
此外,微软3月7日宣布BING团队正在开发HTML5版BING网站,新浪也推出了使用HTML5的IPAD版。
越来越多的主流网站都相继推出了自己的HTML5的运用,让我们感到HTML5其实并非那么遥远。而所谓的IE6、7、8浏览器不支持,也并非是没有办法解决的,你还犹豫什么呢?不要再为自己找借口了,赶快投入HTML5的怀抱吧!