HTML5 让我们期待Web应用的华丽转身

日期: 2010-07-07 作者:Bill Brogden翻译:李松 来源:TechTarget中国 英文

超文本标记语言HTML是构建互联网的一个基本部分,但自从HTML4标准正式确定以来(1997年10月版本4.0,1999年10月版本4.01),进一步的发展可以说是时断时续。其中一个发展方向是推动HTML使它兼容XML标记,这一努力其实在HTML4尚未完成之时就已经开始,并最终导致了2000年1月W3C XHTML推荐标准的正式发布。尽管XHTML在Web中有所应用,但主流的标准仍然是HTML4。   即使在HTML4标准在正式定稿的时候,开发人员已经认识到,要实现我们所期望的一个全面的Web超文本架构,HTML4还远远不足以担此重任。

甚至还有许多人认为,W3C框架并不是实现这一目标的最好的方……

我们一直都在努力坚持原创.......请不要一声不吭,就悄悄拿走。

我原创,你原创,我们的内容世界才会更加精彩!

【所有原创内容版权均属TechTarget,欢迎大家转发分享。但未经授权,严禁任何媒体(平面媒体、网络媒体、自媒体等)以及微信公众号复制、转载、摘编或以其他方式进行使用。】

微信公众号

TechTarget微信公众号二维码

TechTarget

官方微博

TechTarget中国官方微博二维码

TechTarget中国

超文本标记语言HTML是构建互联网的一个基本部分,但自从HTML4标准正式确定以来(1997年10月版本4.0,1999年10月版本4.01),进一步的发展可以说是时断时续。其中一个发展方向是推动HTML使它兼容XML标记,这一努力其实在HTML4尚未完成之时就已经开始,并最终导致了2000年1月W3C XHTML推荐标准的正式发布。尽管XHTML在Web中有所应用,但主流的标准仍然是HTML4。

  即使在HTML4标准在正式定稿的时候,开发人员已经认识到,要实现我们所期望的一个全面的Web超文本架构,HTML4还远远不足以担此重任。甚至还有许多人认为,W3C框架并不是实现这一目标的最好的方法。于是乎,Web超文本应用技术工作组(WHATWG)在2004年成立,它同W3C HTML工作组保持着非正式的协调,许多浏览器开发者同时和这两个组保持联系。对WEB设计人员的想法,WHATWG往往持一种非常开放的态度。

  根据WHATWG组织原则,其目标是为WEB应用创建一个一致的开发环境。目前,Web框架主要由HTML、XML、CSS和JavaScript(ECMAScript)等Web技术组成,并已经有了数量巨大的Web应用。要将最近的创新融合到这个框架中,同时并不影响现存的Web应用,是需要极大的技巧才能解决的一个挑战,也是其关键所在。在WHATWG眼中,未来的Web应用有多个基本特性,HTML5只是其中之一。

  HTML5的创新是要通过制定一个比HTML4和XHTML更加复杂更加完整的文档对象模型(DOM)来实现。这个DOM定义了组成一个HTML5页面的所有组件的名称和属性,也使得这些组件可以用JavaScript脚本来操纵。

  新的标记元素

  很多新的标记元素已经被引入进来,其中一些标记元素使得我们可以更容易的定义HTML文档的结构,也有一些标记元素用来扩展用户的交互能力。许多新元素被用来改进内容和语义含义之间的联系。举例来说,nav就是一个语义标记的例子,它包含着许多导航链接。据估计,语义标记可以实现更好的搜索效果。对大多数开发人员来说,最有意义的新元素莫过于用于嵌入的多媒体内容的video和audio,以及用于动态图像的canvas。

  窗体标记提供了很多特性来支持输入检查,比如,检查一个数值输入量是否在正确的范围之内,或一个电子邮件地址是否符合正确的格式。这些有效性检查只是用来作为一个用户界面的改进,并不是用来代替服务器端的合法性校验。

  增强的图形能力

  XML语言中使用可扩展矢量图形(SVG)来定义二维图形。在当下的浏览器(微软IE除外)中,已经支持在HTML中嵌入SVG,而SVG是HTML5要求必须支持的。

  元素canvas定义了屏幕上一块位图区域,这可以用来支持动态图形。在canvas上画图,通常可以利用JavaScript使用基本图元来完成。如果你曾经创建过计算机图形,应该会对此比较熟悉。除此之外,常用的图像格式比如JPEG文件格式,也可以包含在canvas之中。并且,HTML页面中的其他图像也可以看作一个资源来引用。通过canvas也可以实现简易的动画,但是,它并不会完全替代那些通过特定插件来实现的特效图形。

  用户交互

  HTML5作了很多努力来增强用户同Web页面的交互能力。其中一种想法是允许用户在一个页面内通过拖放来移动内容。另一些想法是提供“撤销”管理,以及能够在不同页面之间移动内容和Web消息通信。

  微数据

  W3C正在试图定义一种规范,从而使得能够在HTML文档中可以嵌入机器可以识别的数据,并能通过一个通用的应用编程接口(API)来提取这些数据项。当然,这要同目前广泛使用的JSON(JavaScript对象表示法)相互兼容,目前,正如下一节浏览器兼容性所指出,浏览器开发人员尚未实现这个API。

  浏览器兼容性

  规范编写人员和浏览器开发者都认为,在所有理论上或设想中的可能都实现之前,HTML5的许多已经成熟的特性都可以被使用了。浏览器开发者早已经将许多已经确定的特性集成到浏览器中了。我手头刚好有当下最流行的浏览器,如果能够使用html5test.com 网站(2010年6月8日版)来测试一下所有的浏览器,应该是一件非常有意思的事情。这个站点会显示一个分数(满分为300),这个分数大致表明了你所用的浏览器支持HTML5的程度。在下表中,“缺少”一览列出了一些严重不足的地方,并非特指某个特性。

浏览器兼容性

  尽管Microsoft公司在一些公开言论中表示要提供对HTML5的支持,这个分值还是低得出人意料。据传MSIE9将实现更多HTML5要求支持的特性。如果不能的话,估计微软在浏览器市场上将会面临更大的份额丢失。

  HTML5的未来

  在WHATWG网站上我经常碰到“草案”标准和“下一方案”增加内容的讨论。在浏览器开发厂商的网站上,我也常常发现很多的创新“提议”。在查看W3C当前正在工作的草案时,我发现已经有了很多改动,其中包括原先包括在HTML5中的部分规范已经被移到其他单独的开发计划中。很显然,HTML5标准的最终确定尚需时日,因此开发人员在做重大决定时,还需要考虑标准的稳定程度。

  所有HTML5的新特性,如果想要给用户提供一个满意的使用体验,需要JavaScript做很多工作。这需要JavaScript解释器要有优异的性能,尤其是在性能不高的移动设备上。

  其他竞争技术

  自从Java applet展示了如何通过动态插件来实现“富因特网应用”以来,很多开发人员已经为此焦头烂额。很难去比较所有的竞争技术,单单列出它们的名字也殊非易事:Flash, Flex, Silverlight, JavaFX, JSON, CSS3等等。同那些私有或准私有的技术相比,HTML5这个开放标准是否会胜出?我预计,只有那些最有用的元素,比如视频和音频,才会很快风靡一时。

相关推荐

  • 对话陈本峰:HTML5究竟给企业带来了什么?

    智能手机的普及,移动计算的应用,带火了HTML5技术。尤其,当我们看到微软朋友圈被“故宫与腾讯合作”的广告刷屏,我们不得不承认,HTML5技术确实很重要,但是HTML5究竟带来了什么,与以往移动技术有什么不同?

  • HTML5促进企业移动化服务走向极致

    在企业困扰于传统移动化方式过于复杂时, HTML5凭借其天然的跨平台特性,乘势而起并逐渐得到企业的关注。可是,由于HMTL5标准建立时间不长,展示性能及稳定性更是需要和浏览器有一个良好的兼容,除此之外企业更是缺乏实际应用经验,所以基于HTML5技术的企业级服务市场还处于一片初创状态。

  • HTML5如何在企业中深入使用?

    据调查显示全球拥有490亿 在线设备,比人口数量多几倍,这说明平均每人拥有不只一部分在线设备。由此可见,全球移动生态系统是多么的庞大。

  • HTML5来了:推荐5个好用的混合式App开发工具

    在残酷的移动互联网竞争环境下, HTML5技术一直受到各方关注,“HTML5颠覆原生 App”的争论也从未停止过,不管怎样HTML5生态的构建方兴未艾。