谈谈HTML5

7 篇文章 0 订阅
2 篇文章 0 订阅

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。

4.     当前采用HTML5开发的网站有哪些限制?

鉴于各大主流浏览器对HTML5的兼容问题,大致罗列以下几点:

一:直到现在,仍然不存在一项旨在网页上显示视频的标准,所以各大主流浏览器对音/视频格式的兼容有所差异;

二:本地存储(LocalStorage)无法在各个浏览器之间互相读取存储的数据;

三:新的表单控件(比如 calendar、date、time、email、url、search)也因浏览器差异而受限制。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值