揭开HTML 5工作草稿的神秘面纱
作者:张逸 来源:CnBeta 发布时间:2008-02-13 08:25:00
万维网联盟(W3C)发布了HTML 5规格说明书的草稿 ,这是自HTML 4在十多年前发布以来的第一个主要的修订版.在这期间,随着开发者逐渐将自己的应用程序移植到Web之上,它已经从一个主要的静态媒体发展为互动的应用程序,具有丰富的媒体内容.HTML 5的目的就是要反映出这样的变化.
新增的特性充分地考虑了应用程序开发人员,因此,HTML 5引入了大量的新的Javascript API.可以利用这些内容与对应的HTML元素相关联,它们包括:
1/二维绘图API,可以用在一个新的画布(Canvas)元素上以便呈现图像、游戏图形或者其他运行中的可视图形.
2/一个允许web应用程序将自身注册为某个协议或MIME类型的API.
3/一个引入新的缓存机制以支持脱机web应用程序的API.
4/一个能够播放视频和音频的API,可以使用新的video和audio元素.
5/一个历史纪录API,它可以公开正在浏览的历史纪录,允许页面在加上它之后更好的在AJAX应用程序中实现对后退按钮的支持.
6/跨文档的消息传递,它提供了一种方式,使得文档可以互相通信而不用考虑它们的源域,7/在某种程度上,这样的设计是为了防止跨站点的脚本攻击.
8/一个支持拖放操作的API,用它可以与draggable特性相关联.
9/一个支持编辑操作的API,用它可以与一个新的全局contenteditable特性相关联.
10/一个新的网络API,它支持web应用程序在本地网络上互相通信,并在它们的源服务器上维持双向的通信.
使用JavaScript API的键/值对实现客户端的持久化存储,同时支持嵌入的SQL数据库.
服务器发送的事件,通过它可以与新的事件源(event-source)元素关联,新的事件源元素有利于与远程数据源的持久性连接,而且极大地消除了在Web应用程序中对轮询的需求.
同时,HTML 5还引入了许多新的表示元素以支持普通的页面组件,例如headers(页眉),footers(页脚),figures(插图),dialog(对话, 用于标记会话)以及navigation(导航).此外,还有一个新的datagrid元素支持交互式的表与树,一个为组合框提供的datalist元素,以及一个progress特性,它能够展现一个运行时间长的任务的完成情况.同时,还增加了支持RSS种子的页面标签.
针对表单,input元素的type类型包含了对日期、时间、email和URLs的全新支持,这样一来,浏览器就能够提供用户界面元素,例如一个日历的日期选择器或者与用户地址薄的集成,同时还能够将数据按照一个定义好的格式提交给服务器.
HTML 5还放弃了对一些众所周知的特性的支持.其中最引人注目的就是放弃了对框架(frames)的支持,因为长期以来框架均被认为破坏了网页的可访问性与可用性.值得注意的是,即使浏览器完全支持HTML 5标准,它仍然会继续支持这些被放弃的特性,因为对HTML旧版本的支持会持续多年.
HTML 5在W3C的HTML工作组的指导下进行开发,该工作组成立于2007年3月.工作组的运营是完全公开的,在近500名参与者中包括了来自Apple、 Google、IBM、Microsoft、Mozilla Foundation、Nokia与Opera的成员.
“毫无疑问, HTML是一个非常重要的标准”,第一个HTML版本的作者,W3C理事Tim Berners-Lee说道.“我很高兴地看到开发者社区,包括浏览器提供商一起致力于创建Web的最佳发展轨迹.要整合这么多人的想法是一个艰巨的任务,我们面临的挑战就是要找到创新与守成、理想与务实之间的平衡.”
HTML 5将逐渐替代HTML 4,但是HTML 5规格说明书的最终确定依然任重而道远.目前的计划是在2009年期间初步将其作为候选以推荐使用,然后在2010年9月作为最终的正式版本而被推行.
作者 Charles Humble
译者 张逸
猜你喜欢
- 如何做一个文本书写器?我们有下面的的函数,可做“文本书写器”:<%function WriteToFile(FileName
- 你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习:第一种可能是你还没有理解CSS处理页面的原理。在你考虑
- 年前帮manager 招GUI设计实习生 (PS. 这个实习生职位依然open,欢迎有兴趣的同学来投,邮箱jj.ying [at] hp.c
- 一套javascript摇奖程序,随机6+1选号码,类似游戏彩票摇奖效果,实时滚动。截图:<style>.inp{ width:
- 众所周知,透明的PNG图片在IE6中是不透明的。为了在IE6中显示透明的PNG图片,找了一下方法,在网页中嵌入JS语句,可是执行效果并不尽如
- 存储过程采用的是select top 加 not in的方式完成,速度也算是相当快了 我测试过了百万级数据量一般查询在1秒一下,贴出来大家交
- 揭秘一个普通的输入框背后惊人的秘密。某月某日,某项目某页面,需要一个价格区间筛选功能,需求合理,所以设计做上去。这是一个无比普通的输入框。在
- Dreamweaver中一直变色的超级链接,css+javascript实现超级链接变色,当鼠标移动到链接上时,链接的颜色不停闪烁变色。&l
- 准备在以后制作的网站中尝试一些变化,比如:先提交内容,后提示注册/登陆。感觉这样可以绑架更多用户……不想注册再发言?那就先让你上钩发言,然后
- sql语句 代码如下:reverse(substring(reverse(Path),1,charindex('/'
- hanxiaolian 为了躲避 lake2 ASP站长管理助手而写.. 一.绕过lake2 Asp木马扫描的小马 代码如下:<%&n
- 这是一个很和谐很实用的网站管理程序,和我以前介绍的服务器管理程序不同的是,这个程序只有一个功能,就是实现远程Web方式删除文件(实际上是重命
- 空白双边距是一个极容易误解的CSS特性.它不是CSS的bug,但如果我们一旦误解,将会给你带来很多麻烦.先看如下demo代码:<!do
- 使用ASP做网站虽然有点落伍,但在中国还是有很大市场的,因为大部分国内用户使用Windows Server服务器,在Windows Serv
- 有没有办法更快一点? 有没有办法一次性收缩所有数据库? 代码如下:alter database 数据库名 set recovery simp
- 半透明效果有时候会给页面增加不少色彩,特别是Vista盛行之后,半透明效果更加受推崇。在诸多可用于Web浏览的图片格式中,只有PNG格式和G
- 这是 COMSHARP CMS 团队翻译的2009年海外Web设计风潮的第二部分,着重讲解了反 Box 式布局,单页布局,多栏布局,巨型插图
- “网页设计三剑客”可能很多新同学都没听说过,因为缔造神话的公司已经快销声匿迹。“网页设计三剑客”是Macromedia公司旗下Dreamwe
- 如何在第10000名来访者访问时显示中奖页面?看看下面的代码:< SCRIPT LANGUAGE=VBScript
- 一、什么是匿名函数?在Javascript定义一个函数一般有如下三种方式:函数关键字(function)语句:function f