谈谈HTML5

RuanJava

墨衍会员 · AI 创作全网分发码龄17年

关注

原创最新推荐文章于 2026-03-02 13:13:17 发布 1.3k 阅读 AI 写同款· GEO 优化 ›

【Cadence】 ADS Dynamic Link使用教程在Cadence617上使用ADS Dynamic Link 阅读详情

1. 什么是HTML5？

HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。

HTML 的上一个版本诞生于 1999年。自从那以后，Web 世界已经经历了巨变。

HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。

详细介绍见附带文档《HTML5简介》

1. HTML5的标准何日面世？

W3C首席执行官Jeff Jaffe指出：“创新永不止步，先进的HTML5为整个Web环境提供了一个稳定的、可测的、互操作性的标准。我们已经决定在2011年5月对HTML5进行Last Call，这对于整个行业来说都是重大一步。此外，我们宣布，HTML5标准计划在2014年完成。”

2. 为什么要使用HTML5？

为什么要使用HTML5？除了它天生丽质之外，还离不开标准化组织、各大公司及开发者的支持和追捧。

首先相对HTML4.01，HTML5增加了哪些新特性，以下罗列几个：

一、本地存储（Local Storage）；

二、离线缓存（Offline）；

三、绘图（Canvas）；

四、 Video和Audio标签对视/音频的支持；

五、双向通信（WebSocket）；

六、地理信息（GeoLocation）；

七、多线程（WebWorker）；

八、表单功能（Forms）；

九、语义化标签元素（Semantic Elements）。

……

2.1.技术：天生丽质

HTML5的卖点就两个：第一、跨平台，第二、开发简单。

如果非得短话长说、上纲上线，那我们可以这么说：因为HTML5：“代表应用先进生产力的发展要求”、“代表应用开发技术的前进方向”、“代表最广大用户的根本利益”。

2.1.1.代表应用先进生产力的发展要求

每一次技术革新或者工艺改进，我们总希望产品生产的成本更低、效率更高、数量更大、种类更多。

应用就是产品。

2.1.2.代表应用开发技术的前进方向

HTML5使得技术门槛更低、应用可跨平台运行，开发一次就可覆盖不同的系统平台和不同形态的终端、有效解决终端适配难题、更加智能的语义描述（便于搜索）等，潜在开发者众多；海量的互联网内容可以快速转换成各种终端应用；无疑，HTML5的出现将大大提高应用生产力。

2.1.3代表最广大用户的根本利益

成本低、数量大、种类多将可以为用户带来更加便宜、丰富的应用，甚至为每个人量身定制应用不再是梦想。

当然，对于开发者而言，只要掌握一种开发语言、环境，开发出来的应用就能覆盖不同的操作系统平台和不同形态的终端，再好不过了。

技术优势只是新技术成功的基础之一。新技术从提出到标准化、产品化、产业化，是漫漫长路，需要做很多的努力。

2.2.标准：天下一统

实现应用跨平台的技术和方案很多，但只有当这个技术成为国际标准，被业界广泛接受和使用，才意义非凡，影响力自然剧增。

W3C牵头制定HTML5国际标准，原计划是2017年发布，现在已经提前到2014年，目前已经进入last call阶段，我估计HTML5标准的发布还得提前。

WAC制定的移动微技（MobileWidget）标准，将对HTML5技术的支持作为基础条件。

2.3.产品：各显神通

产品化是形成新的产业的基础。难得看到多家巨头遵循同一个标准，研发各种产品，推进新的产业形成。简单介绍其中几家公司在HTML5产品化方面做的一些工作。

2.3.1.Google

Google在HTML5产品化方面不遗余力。也容易理解，因为Google的大多服务都是基于Web的，HTML5的成熟和广泛使用，对它绝对利好。Google的贡献包括：

1）在桌面操作系统（PC）已被Windows、MAC OS和LINUX瓜分的情形下，Google推出它的Chrome浏览器，它的目标是让用户足不出Chrome，就能完成各种需求，让Windows当活雷锋。

2） Google基于Chrome浏览器基础上，推出了WebOS：Chrome OS，直接抢占PC桌面。

3） Google的Android浏览器是对HTML5支持最好的手机浏览器之一。由于HTML5的跨平台、跨终端的特性，相信它对Google在PC桌面方面业务部署也是重要的协同。

4）Google基于Chrome浏览器推出了Web应用商店（https://chrome.google.com/webstore），销售的最重要的一种应用就是HTML5应用。

2.3.2.苹果

苹果对HTML5的发展贡献很大，在Web应用的很多领域都是先行者。

1）苹果的Safari浏览器是支持HTML5最好的浏览器之一

2）苹果是著名的开源浏览器内核Webkit的贡献者。

3）苹果在MAC OS上Dashboard Widget(http://www.apple.com/downloads/dashboard/， 3904个应用)及iPhone、iPad上的Webapp（http://www.apple.com/webapps/，5116个应用是HTML5应用产品化的优秀代表

4）苹果用于开发Widget/Webapp的Dashcod是HTML5应用开发工具的重要标杆。

2.3.3. HP/Palm

Palm WebOS是完全采用Web应用框架构建的手机平台，用户体验相当不错。在我看来，这个WebOS是里程碑、划时代式的，尽管在很多人眼里它并不成功。新技术、新产品就是这样，先驱很可能变成先烈，但丝毫不影响它的伟大。

2.3.4.Mozilla

1）FireFox的插件机制做的很棒，包括JS代码调试工具等插件是许多Web开发者的首先

2）FireFox也推出支持HTML5应用的“火狐应用中心”

2.3.5. Opera

1）即将推出的Opera 12据说是对HTML5支持最好的浏览器。

2）Opera Mobile浏览器内核性能很棒，不信可以试试Opera的WAC 1.0引擎（http://labs.opera.com/news/2011/02/14/）。

2.3.6.微软

以往的IE浏览器对Web标准都支持的很差，更别提HTML5了。但IE9、IE10表现相当不错了。微软要改变风格了？

不再一一列举，从标准到产品化再到产业化，需要时间，需要做大量的工作。

2.4.应用：众人拾柴

有了标准、浏览器环境后，最重要的是要有应用。

我们很欣喜地看到，开发HTML5应用的人越来越多。先是实现Angrybird、植物大战僵尸、超级玛利亚、甚至Quake等经典游戏，微博、电子书报等常用应用。除了应用之外，HTML5应用SDK以及各种开发工具也越来越多。

举几个很应用相关例子：

http://impactjs.com/ （不少示范应用 + HTML5 SDK）

http://www.gamesgames.com/ （HTML5手机游戏）

http://playwebgl.com/games/quake-2-webgl/(HTML5 3D图形实现QUAKE2)

http://phonegap.com/ （HTML5中间件，Nitobi公司研发的，刚被Adobe收购，看来Adobe做HTML5和Flash 两手准备了）

更多应用可访问很棒的HTML5研究小组网站：

http://www.mhtml5.com/

相信不久，我们也能看到基于HTML5的原创特色应用。

2.6.媒体：推波助澜

当然，还离不开各类媒体的推波助澜，比如移动LABS；以及各类水手和围观者，比如我和你。

3. HTML5 程序可以应用在哪里？

当然是浏览器，如果一个设备拥有一个浏览器或渲染引擎，而且这个引擎是现代引擎，它就可以运行 HTML5 程序。HTML5 程序会应用在以下几种场合。

3.1.桌面

如果你拥有一个符合 Web 标准的浏览器，就可以运行 HTML5 应用。桌面仍然很重要。

3.2.指定站点浏览器

诸如 Gmail 一类的站点可以看做一个应用，使用专门的浏览器运行，这样的浏览器没有地址栏，是专门用来运行指定站点应用的，甚至可以制作一个安装包来分发。以下资源值得一看，Prism ,Fluid /Fluidium以及NativeHost 。

3.3.移动领域

这是 HTML5 最热门的运行场所。iPhone 可以和很多程序集成，将你的程序显示在它的今日桌面（这里有一个教程），Android 也支持需要的 HTML5 API，但集成不够好。未来几年，支持 HTML5 的移动浏览器将如雨后春笋，将你的应用向 HTML5 迁移是很明智的，因为 HTML5 将很好地运行在这些设备上。

3.4.跨界领域

　　已经有公司即将发布电视平台，GoogleTV 以及Apple TV ，Google 表示，他们的 TV 平台将支持 HTML5，我们不知道苹果的 TV 平台将支持什么，鉴于他们最近对HTML5的一系列炒作，很有可能也支持。另外一些电视盒厂商，如Boxee 业已开始支持 HTML5，如果你想为 Boxee 开发应用，与其专门为它开发，不如直接使用 HTML5。

跨界领域拥有大量的平台，那些可以连接电脑的电视的数量在不断增长，我们已经可以在电视上全屏观看 YouTube，而备受欢迎的 Wii 则内置了 Opera。所有这些，都将借助 HTML，CSS 与 JavaScript。