资源描述:
《html5全面剖析以及功能简介》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、HTML5全面剖析以及功能简介除非你与世隔绝,否则,一定听到过关于HTML5的各种声音,HTML5表面上看是用来取代FlashWeb视频的,然而,它的使命远不止此。HTML5是下一代Web语言,它不单单是一种标记语言,更为下一代Web提供了全新功能,并将引领下一代Web实现类似桌面的应用体验。一、HTML5主要新功能1、本地音频视频播放;2、动画;3、地理信息;4、硬件加速;5、本地运行(即使在Internet连接中断之后);6、本地存储;7、从桌面拖放文件到浏览器上传;8、语义化标记;二、HTML5应用现状现今,各大浏览器对HTML5的支持各有千秋,我们期待着他们在一两年内趋向一致,你
2、可能以为,既然这样,现在大概很少人在使用这个未来的标准,事实并不如此,HTML5现在已经被广泛应用,正如WilliamGibson所言,未来的Web已经来临,只是还没有被广泛采用。你可能不知道,Google的首页也使用HTML5,不过,目前,他们还仅仅使用了HTML5的doctype,页面的其它部分还是旧代码,但Google在他们的各种应用中已经在广泛采用HTML5o最典型的例子是Gmail,HTML5的离线存储使用户即使在离线状态下也可以使用Gmail,另外,GoogleDocs也使用离线存储,同样使用离线存储的其它厂商的类似应用还包括Zoho的办公套件和Wordpress的博客平台。
3、如果你对HTML5的离线存储功能感兴趣,可以看一看MarkPilgrim的howtoaddofflinesupporttoyourapps一文。三、Scribd基于HTML5的文档阅读器上图是Scribd的新文档阅读器,全部基于Web标准,并未借助Flash除了视频,IITML5还可以在多个方面取代Flash,文档共享站点Scribd最近宣布,他们将使用IITML5取代Flash实现文档阅读器,Scribd是HTML5结合CSS所能实现的惊人功能的最好例了,他们还使用@font-face实现个性化字体,另外,在翻页吋的变换效果也完全基于CSS3o这些Web标准工具的结合使用,使Scrib
4、d实现了从Flash向纯HTML的过度,同时并没有牺牲文档在结构,字体,内嵌图片,图层等方面的功能。Scribd的最新文档阅读器甚至支持IE6,这里有一个实例,使用纯HTML输出复杂的公式。四、HTML5Canvas与HTML5视频基于HTML5Canvas对象的Invaders经典游戏虽然,Scribd对Canvas的应用已经出神入化,我们还能找到更多这样的站点。CanvasDemos有一系列关于Canvas的应用,从各种在线游戏,到从网页上提取颜色的Rainbow应用。关于视频,最典型的例了莫过于YouTube和Vimeo,他们都提供了IITML5版本。五、HTML5地理信息定位点击
5、地图中,黄色小人上方的圆圈,可以告诉Google地图你的地理位置HTML5的另一个功能是地理信息定位功能,一些浏览器提供了geolocationAPI,这个API也由W3C管理,可以结合IITML5实现你当前地理位置定位。GoogleMaps在使用该功能,在Google地图上,有一个小圆圈,点击一下,就能告诉Google地图你现在的地理位置。目前,GeolocationAPI并没有被众多桌面浏览器广泛采用(只有Chrome和Firefox3.6+采用了),但GoogleGears插件可以帮助那些【口浏览器实现该功能。Twitter借此实现地理信息感知的tweets消息,当浏览器支持geo
6、locationAPI的时候,会自动使用该API,否则,则使用GoogleGearso六、HTML5的更多意义IITML5的意义远不止上面这些,它最大的意义在于改变了Web文档的结构方式,借助header,footer,section,article这些标签,我们可以实现更具结构化,语义化的Web文档。这样,搜索引擎可以更容易索引Web站点,我们也可以搜索到更快,更准确的信息。已经有数不清的站点在使用HTML5新标签,你可以在HTML5Gallery找到大量这样的站点。要想现在使用HTML5的新结构,不妨看看这篇IITML5教程。另外,借助Microdata,HTML5还可以实现更强大的
7、语义结构,这个标准化的数据格式(类似microformats),可以让你的站点不仅能够提供数据,还能提供数据定义oMicrodata对浏览器和搜索引擎都意义深远,搜索引擎可以借助Microdata发现你网络中的好友,而浏览器则可以藉此连接到你的社会网络好友站点,你可以在Google的RichSnippetsTestingTool对此进行体验。本文讨论的是网页新窗口打开问题,这个话题已经被说过很多次,不过比较喜欢其中的通过小图标打开新