- HTML5web新生代
-
HTML5草案的前身名为Web Applications 1.0。於2004年被WHATWG提出,於2007年被W3C接纳,并成立了新的HTML工作团队。在2008年1月22日,第一份正式草案已公布,预 计将在2010年9月正式向公众推荐。WHATWG表示该规范是目前正在进行的工作,仍须多年的努力。
HTML5提供了一些新的元素和属性,例如<nav>(网站导航块)和<footer>。这种标签将有利于搜索引擎的索引整 理,同时更好的帮助小屏幕装置和视障人士使用,除此之外,还为其他浏览要素提供了新的功能,如<audio>和<video>标 记。
一些过时的HTML4标记将被取消。其中包括纯粹显示效果的标记,如<font>和<center>,它们已经被CSS取代。
<video>标记
定义和用法:
<video> 标签定义视频,比如电影片段或其他视频流。
实例:
一段简单的HTML5 视频
<video src="movie.ogg" controls="controls">
浏览器不支持video 标签。
</video>
各系统与浏览器支持的视频格式:
<th>HTML5 </th>
Platform
Browser
Notes
<canvas> 标记
定义和用法:
<canvas> 标签定义图形,比如图表和其他图像。
实例:
如何通过canvas 元素来显示一个红色的矩形:
<canvas id="myCanvas"></canvas>
<script type="text/javascript">
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>
什么是Canvas?
HTML5 的canvas 元素使用JavaScript 在网页上绘制图像。
画布是一个矩形区域,您可以控制其每一像素。
canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
HTML5: 标签的改变
HTML5 吸取了XHTML 2 一些建议,包括一些用来改善文档结构的功能,比如,新的HTML 标签header, footer, dialog, aside, figure 等的使用,将使内容创作者更加语义地创建文档,之前的开发者在这些场合是一律使用div 的。
HTML5 还包含了一些将内容和展示分离的努力,开发者们也许会惊讶,b 和i 标签依然存在,但它们的意义已经和之前有所不同,这些标签的意义只是为了将一段文字标识出来,而不是为了为它们设置粗体或斜体式样。u,font,center,strike 这些标签则被完全去掉了。
新标准适用了一些全新的表单输入对象,包括日期,URL,Email 地址,其它的对象则增加了对非拉丁字符的支持。HTML5 还引入了微数据,一种使用机器可以识别的标签标注内容的方法,使语义Web 的处理更为简单。总的来说,这些与结构有关的改进使内容创建者可以创建更干净,更容易管理的网页,这样的网页对搜索引擎,对读屏软件等更为友好。
新应用程序接口(API)
除了原先的DOM接口,HTML5增加了更多API,如:
1. 用于即时2D绘图的Canvas标签
2. 定时媒体回放
3. 离线数据库存储
4. 文档编辑
5. 拖拽控制
6. 浏览历史管理
编辑文段与HTML 4的不同之处
新的解析顺序新的元素:section, video, progress, nav, meter, time, aside, canvasinput元素的新属性:日期和时间,email, url。新的通用属性:ping, charset, async全域属性:id, tabindex, repeat。移除元素:center, font, strike。
HTML 5有两大特点:
首先,强化了Web网页的表现性能。除了可描绘二维图形外,还准备了用于播放视频和音频的标签。
其次,追加了本地数据库等Web应用的功能。
异常处理
HTML5(text/html)浏览器将在错误语法的处理上更加灵活。HTML5在设计时保证旧的浏览器能够安全的忽略掉新的HTML5代码。与HTML4.01相比,HTML5给出了解析的详细规则,力图让不同的浏览器即使在发生语法错误时也能返回相同的结果。
HTML 5 正在改变Web
HTML5 是近十年来Web 标准最巨大的飞跃。和以前的版本不同,HTML 5 并非仅仅用来表示Web 内容,它的使命是将Web 带入一个成熟的应用平台,在这个平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。尽管HTML 5 的实现还有很长的路要走,但HTML 5 正在改变Web。
HTML 最近的一次升级是1999年12月发布的HTML 4.01。自那以后,发生了很多事。最初的浏览器战争已经结束,Netscape 灰飞烟灭,IE5 作为赢家后来又发展到IE6, IE7到IE8。Mozilla Firefox 从Netscape 的死灰中诞生,并跃居第二位。苹果和Google 各自推出自己的浏览器,而小家碧玉的Opera 仍然嘤嘤嗡嗡地活着,并以推动Web 标准为己命。我们甚至在手机和游戏机上有了真正的Web 体验,感谢Opera,iPhone 以及Google 已经推出的Android。
然而这一切,仅仅让Web 标准运动变得更加混乱,HTML 5 和其它标准被束之高阁,结果,HTML 5 一直以来都是以草案的面目示人。
于是,一些公司联合起来,成立了一个叫做Web Hypertext Application Technology Working Group (Web 超文本应用技术工作组- WHATWG) 的组织,他们将重新拣起HTML 5。这个组织独立于W3C,成员来自Mozilla,KHTML/Webkit 项目组,Google,Apple,Opera 以及微软尽管HTML 5 草案不会在短期内获得认可,但HTML 5 总算得以延续。
HTML 5 将带来什么?以下是HTML 5 草案中最激动人心的部分:
全新的,更合理的Tag,多媒体对象将不再全部绑定在object 或embed Tag 中,而是视频有视频的Tag,音频有音频的Tag。本地数据库。这个功能将内嵌一个本地的SQL 数据库,以加速交互式搜索,缓存以及索引功能。同时,那些离线Web 程序也将因此获益匪浅。不需要插件的富动画。Canvas 对象将给浏览器带来直接在上面绘制矢量图的能力,这意味着我们可以脱离Flash 和Silverlight,直接在浏览器中显示图形或动画。一些最新的浏览器,除了IE,已经开始支持Canvas。浏览器中的真正程序。将提供API 实现浏览器内的编辑,拖放,以及各种图形用户界面的能力。内容修饰Tag 将被剔除,而使用CSS。理论上讲,HTML 5 是培育新Web 标准的土壤,让各种设想在他的组织者之间分享,但HTML 5 目前仍处于试验阶段。
Mozilla 的技术副总裁Mike Shaver 说,HTML 5 是一个被寄予厚望的概念,它既是WHATWG 组织的实验田,又是W3C 的标准之路。
Shaver 认为,Mozilla 的兴趣和WHATWG 实验相吻合,Mozilla 在HTML 5 工作组中非常活跃,我们对一些早期的细则进行实验并将成熟的结果提交W3C。
在过去的几年,Mozilla 随着各种出现的新标准,推出多个富有前瞻性的项目,包括Prism,一个用于离线运行Web 程序的系统,以及Weave,一个数据存储框架。
Shaver 说,HTML 5 运动肇始于对W3C 的不耐烦,Web 标准中的很多进展都因W3C 将重点从HTML 转移到XML 而停滞不前。
很多基于XML 架构的新技术被设计出来替代HTML,Shaver 说,这不是一条正确的道路,人们不应象掰玉米把样一边掰一边丢。
HTML 5 的新实验在Firefox 以及 基于Webkit 的Safari 和Chrome 浏览器中逐渐得到强化,但仍有不少问题。
Chrome 的开发者Darin Fisher 说,Chrome 仍在襁褓中时,就不得不面临几个问题,尽管使用的是最新的Webkit,HTML 5 的本地数据库功能在Chrome 的初期版本中并没有实现。因为Chrome 的沙箱机制和Webkit 的数据库功能有冲突。
而由于Chrome 属于秘密开发,Chrome 的开发人员也不便参与Webkit 的开发。
我们要想保守Chrome 的秘密,就无法参与Webkit 社区。Fisher 说,我们很希望可以在某些方面给Webkit 以帮助,我们拥有众多经验丰富的开发者,我们很想知道人们目前遇到的挑战并乐意提供帮助。
随着Chrome 的发布,Fisher 说他的团队成员有时会和Webkit 的人一起吃饭,有些人私下里还成了好朋友。Fisher 称,他们迫切地想同其他Webkit 开发组一起工作解决离线数据库的问题。
Chrome 里面还包含Google 的开源Gears 技术,用来实现与HTML 5 类似的离线功能。
Gears 可以看作已有API 的替代品,Fisher 说,HTML 5 对新浏览器来说是非常好的东西,但绝大多数用户还使用旧浏览器。Gears 可以让那些旧浏览器也获得这样的API,我们正在为HTML 5 版API 提供兼容。
Gears 兼容性非常好,它正成为将HTML 5 带向人们桌面的另外一条途径。
目前,绝大多数工作由Apple,Mozilla, Opera, Google 以及Trolltech 展开。微软在干什么?IE 因其对Web 标准的迟钝而闻名,更不要说HTML 5。但IE8 可能会做出改变。
微软IE 平台与WHAT 工作组主席Chris Wilson 在邮件中称,我们希望我们现在开始的工作可以在HTML 工作组创建一套测试系统。Wilson 说,IE 开发组仍然对HTML 5 的一些提议感到担忧。我觉得工作组的所有成员都会承认我们还有很多事要做。
目前处于Beta 版的IE9,已经包含HTML 5 的诸多新功能。它拥有一个跨文档消息系统,本地存储,以及一些离线事件来检测网络的中断。但还有些功能还未提上议程,如Canvas。
HTML 5 非常庞大,仍处在开发阶段,我认为浏览器厂商应当尽快达成一致,而每个浏览器的