日期:2014-05-17  浏览次数:20678 次

【最新整理】HTML5入门介绍及超酷网站欣赏
      除非你与世隔绝,否则,一定听到过关于 HTML5 的各种声音,HTML5 表面上看是用来取代 Flash Web 视频的,然而,它的使命远不止此。HTML5 是下一代 Web 语言,它不单单是一种标记语言,更为下一代 Web 提供了全新功能,并将引领下一代 Web 实现类似桌面的应用体验。

  一、HTML5 主要新功能
  1、本地音频视频播放;
  2、动画;
  3、地理信息;
  4、硬件加速;
  5、本地运行(即使在 Internet 连接中断之后);
  6、本地存储;
  7、从桌面拖放文件到浏览器上传;
  8、语义化标记;


  二、HTML5 应用现状
  现今,各大浏览器对 HTML5 的支持各有千秋,我们期待着他们在一两年内趋向一致,你可能以为,既然这样,现在大概很少人在使用这个未来的标准,事实并不如此,HTML5 现在已经被广泛应用,正如 William Gibson 所言,未来的 Web 已经来临,只是还没有被广泛采用。
  你可能不知道,Google 的首页也使用 HTML5,不过,目前,他们还仅仅使用了 HTML5 的 doctype,页面的其它部分还是旧代码,但 Google 在他们的各种应用中已经在广泛采用 HTML5。最典型的例子是 Gmail,HTML5 的离线存储使用户即使在离线状态下也可以使用 Gmail,另外,Google Docs 也使用离线存储,同样使用离线存储的其它厂商的类似应用还包括 Zoho 的办公套件和 Wordpress 的博客平台。如果你对 HTML5 的离线存储功能感兴趣,可以看一看 Mark Pilgrim 的 how to add offline support to your apps 一文。

 三、Scribd 基于 HTML5 的文档阅读器
1.jpg

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

  四、HTML5 Canvas 与 HTML5 视频
2.jpg

基于 HTML5 Canvas 对象的 Invaders 经典游戏
  虽然,Scribd 对 Canvas 的应用已经出神入化,我们还能找到更多这样的站点。Canvas Demos 有一系列关于 Canvas 的应用,从各种在线游戏,到从网页上提取颜色的 Rainbow 应用。
  关于视频,最典型的例子莫过于 YouTube 和 Vimeo,他们都提供了 HTML5 版本。

  五、HTML5 地理信息定位