酷米网(kmw.com),专注高端域名快速交易!

  1. 当前位置: 
  2. 首页 > 
  3. 域名资讯  > HTML5全面剖析以及功能简介
服务器时间:2018-06-25 04:19:35 (CST +08:00)

HTML5全面剖析以及功能简介

2017-12-17 16:28:20     浏览量: 30

除非你与世隔绝,否则,一定听到过关于 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 的文档阅读器

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

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

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