除非你与世隔绝,否则,一定听到过关于 HTML5 的各种声音,HTML5 表面上看是用来
,然而,它的使命远不止此。HTML5 是下一代 Web 语言,它不单单是一种标记语言,更为下一代 Web
提供了全新功能,并将xx下一代 Web 实现类似桌面的应用体验。

  • 本地音频视频播放
  • 动画
  • 地理信息
  • 硬件加速
  • 本地运行(即使在 Internet 连接中断之后)
  • 本地存储
  • 从桌面拖放文件到浏览器上传
  • 语义化标记

现今,
,我们期待着他们在一两年内趋向一致,你可能以为,既然这样,现在大概很少人在使用这个未来的标准,事实
并不如此,HTML5 现在已经被广泛应用,正如
所言,未来的 Web 已经来临,只是还没有被广泛采用。

你可能不知道,
也使用 HTML5,不过,目前,他们还仅仅使用了
,页面的其它部分还是
,但 Google 在他们的各种应用中已经在广泛采用 HTML5。最典型的例子是 Gmail,HTML5
的离线存储使用户即使在离线状态下也可以使用 Gmail,另外,Google Docs 也使用离线存储,同样使用离线存储的其它厂商的类似应用还包括
Zoho 的办公套件和 Wordpress 的博客平台。如果你对 HTML5 的离线存储功能感兴趣,可以看一看 Mark Pilgrim 的
一文。

Scribd's new document reader: all web standards, no Flash.

上图是 Scribd 的新文档阅读器,全部基于 Web 标准,并未借助 Flash。

除了视频,HTML5 还可以在多个方面取代 Flash,文档共享站点
最近
,他们将
,Scribd 是 HTML5 结合 CSS 所能实现的惊人功能的{zh0}例子,他们还使用 @font-face
实现个性化字体,另外,在翻页时的变换效果也xx基于 CSS3。这些 Web 标准工具的结合使用,使 Scribd 实现了从 Flash 向纯
HTML 的过度,同时并没有牺牲文档在结构,字体,内嵌图片,图层等方面的功能。Scribd 的{zx1}文档阅读器甚至支持 IE6,这里有一个实例,

可惜被墙了 – 译者

基于 HTML5 Canvas 对象的 Invaders 经典游戏

虽然,Scribd 对 Canvas 的应用已经出神入化,我们还能找到更多这样的站点。
有一系列关于 Canvas
的应用,从



应用。

关于视频,最典型的例子莫过于


他们都提供了 HTML5 版本。

Click on the little circle above the yellow guy to tell Google    Maps where you are.

点击地图中,黄色小人上方的圆圈,可以告诉 Google 地图你的地理位置

HTML5 的另一个功能是地理信息定位功能,一些浏览器提供了
,这个 API 也由 W3C 管理,可以结合 HTML5 实现你当前地理位置定位。
在使用该功能,在 Google 地图上,有一个小圆圈,点击一下,就能告诉 Google
地图你现在的地理位置。目前,Geolocation API 并没有被众多桌面浏览器广泛采用(只有 Chrome 和 Firefox 3.6+
采用了),但 Google Gears 插件可以帮助那些旧浏览器实现该功能。


借此实现地理信息感知的 tweets 消息,当浏览器支持 geolocation API 的时候,会自动使用该 API,否则,则使用
Google Gears。

HTML5 的意义远不止上面这些,它{zd0}的意义在于改变了 Web 文档的结构方式,借助 header, footer, section,
article 这些标签,我们可以实现更具结构化,语义化的 Web 文档。这样,搜索引擎可以更容易索引 Web
站点,我们也可以搜索到更快,更准确的信息。

已经有数不清的站点在使用 HTML5 新标签,你可以在
找到大量这样的站点。要想现在使用
HTML5 的新结构,不妨看看这篇

另外,借助
, HTML5
还可以实现更强大的语义结构,这个标准化的数据格式(类似
),可以让你的站点不仅能够提供数据,还能
提供数据定义。Microdata 对浏览器和搜索引擎都意义深远,搜索引擎可以借助 Microdata
发现你网络中的好友,而浏览器则可以藉此连接到你的社会网络好友站点,你可以在 Google 的
对此进行体验。

本文国际来源:Web Monkey
(原文作者:
)

中文编译来源:?官方网站

相关文章: