正在阅读:HTML5是什么?笔者给你最直观的感受体验HTML5是什么?笔者给你最直观的感受体验

2012-02-29 18:58 出处:PConline原创 作者:唐山居人 责任编辑:wuweilong

  HTML5是什么?相信这个问题并不容易回答,大多数人对于HTML5的概念仅仅是听说过而已,非要让他说出个所以然来,结果只能让你失望。相比普及了近十四年的HTML4来说,HTML5带来的震撼其实丝毫不亚于当年的双核VS单核。那么对于我们普通人来说,HTML5到底意味着什么?今天就让笔者现身说法地讲一讲吧。

HTML5
图1 HTML5

  1. HTML5的前世今生

  HTML是什么?想必很多人都有耳闻。举个例子吧,比方说一个网页摆在你的面前,那么HTML就是一个骨架,而上面的文字、图片、视频、音频则作为附属在这个骨架上的皮肉,来给我们带来丰富的视听体验。如果没有这些皮肉,那么网页显然就是一句空谈,但如果没有HTML,我们也就不知道该如何将这些多媒体信息组合到一起。

  1999年,HTML 4.01正式为W3C(万维网联盟)所推荐,于是这款全新的WEB标准开始了它长达十数年的互联网统治时代。随着带宽发展及电脑性能的提升,音频和视频开始被越来越多地用户推崇,而这两种资源恰恰是HTML 4.01所无法解释的。于是当时便有一家公司独辟蹊径,推出一款专门用于解释和播放影音文件的WEB标准,而这就是现在家喻户晓的Flash

HTML5
图2 越来越丰富的网页元素

  虽然Flash对于当时的WEB产业有着不可磨灭的贡献,但随着该技术在全球应用,一些弊端也开始明显地显露出现,比如安全性不高、资源消耗过大等等,最关键的是它很难适应日渐普及的移动WEB,程序员往往需要同时为PC版用户和移动版用户编写两套网站页面。

  也就是在这个大背景下,HTML5风声水起,和之前的HTML4相比,新版本最大的亮点便是增加了<video>和<audio>两个标签,使得浏览器能够在不装任何插件的情况下直接播放影音资源。而且它还有很多更新的体验,比如直接在浏览器上绘制矢量图形、内嵌本地SQL数据库使交互加速、提供API实现从桌面拖拽文件到浏览器执行上传、自动获取用户地理信息、允许用户在离线状态下使用GMail,以及更利于搜索引擎索引整理的网站导航块等等。

  2. 真实体验

  说了这么多,是不是早就听腻了?好了,咱们还是亲身体验几组比较有意思的HTML5网页,直观感受一下它的魅力吧。

  * 涂鸦板

  网址:点击打开

  涂鸦板是一个很典型的HTML5应用,功能么也很简单,就是一个网页版画图软件。使用方法和Windows中的“画图”没啥区别,只要点击相应工具就能用鼠标任意在“画板”上作画。区别是整个应用完全是用HTML5编写而成,而且使用过程非常流畅,对电脑的资源占用也很低。

HTML5
图3 涂鸦板

  * “切绳子”

  网址:点击打开

  IPHONE中风靡一时的“切绳子”如今也可以在浏览器中玩了,和上面的“涂鸦板”一样,这个游戏也是完全使用HTML5编写完成。别以为网页版游戏会很简陋,上手后你会发现,整个游戏无论从背景、特效上都和IPHONE版一模一样,不但画面异常流畅,视频和音效也是一个都没落下。不过有意思的是,网页版同样也是有25关的限制,看来后续还要稍等一下。

HTML5
图4 切绳子

  * “吃豆人”

  网址:点击打开

  “吃豆人”就更不用说了,红白机时代就已经和我们相伴了。当然玩法也是经典得很,直接用键盘方向键控制“吃豆人”的行动方向就成。不过也许是网站自身的缘故,这款游戏比起前面两组要慢上很多,好在进入游戏后就没问题了。

HTML5
图5 吃豆人

键盘也能翻页,试试“← →”键
本文导航
第1页:HTML5的前世今生
第2页:HTML5游戏试玩推荐

相关文章

关注我们

最新资讯离线随时看 聊天吐槽赢奖品