HTML5—背后的现实和炒作(上)

注:在诸多讨论HTML的相关声音中,有些是实事求是的赞美,还有一些是刻意的炒作。DinoEsposito的这篇文章带来了关于HTML5的概述,它非常客观地展现了HTML5的情况。下面是译者对原文进行理解以后的再现,有些地方可能没有理解到位,如果有需要请参考原文链接

HTML5在浏览器和移动设备中脱颖而出,知道它可以做什么而不可以做什么是非常重要的,尤其是标准草案还没有正式出台。

到现在为止,HTML已经存在了近20年了,并且经历了两个重大时期—静态渲染时期和动态渲染时期,静态渲染主要用于Web的幼年时期,当时HTML用来显示文档的内容和文档之间的链接。动态渲染是几年之后才出现的,当时浏览器提供商用JavaScript修改显示的文档的形式。在Web的青年时期,出现一种新的可见标记。从那以后,HTML被当做是动态显示Web网页的一种手段;Web网页不只是纯文档格式,更多的情况是应用交付格式。

HTML5标志着Web第三个时期的到来,HTML5将会迈着轻快的步伐走向成为一个真正应用交付格式的道理上。HTML5不仅不局限于表现形式,它还为Web提供了一系列的新功能,和其他类型的应用程序。

最近一段时间,大家都在讨论HTML5,并把它作为一种你知道的软件应用程序极力推广。在这篇文章中,我会尝试给大家提供HTML5的概述并且摒除有关它的炒作。

炒作

首先,HTML5还没有发布,World Wide Web Consortium (W3C)至少三年没有公布相关的介绍。直到最近,如果留意一下浏览器之战和你致力于在不同的浏览器下给用户提供相同的体验,你肯有可能忽略了早就宣布了却迟迟没有发布的新版本HTML语言。

HTML5的官方发布至少在3年之后,那我们为什么现在讨论HTML5呢?我们现在讨论HTML5是因为大多数的浏览器已经在最新的版本加入了对HTML5的兼容。

的确,HTML5在Web开发中会占据重要地位,正如HTML一直以来的样子。另外,HTML5新增的功能使开发其它类型的应用程序成为可能,比如,在iPhone和Android平台上运行的本机应用程序。我不知道—没有人知道-- HTML5和JavaScript是否会形成今后几年的主要开发平台,但是不管怎么说,HTML5是值得更接近的技术回顾的。

HTML5不是一种简单的标记,它和CSS3和ECMAScript5(最新版本的JavaScript)密切相关。最后,重视HTML5是因为它是整合标记、样式、和脚本增强,再加上一系列浏览器统一提供的新的API所带了的强大的编程能力。

优点

HTML是一种丰富的标记语言,它包含了标准语法的共同特征,这些特征是由一些开发人员和设计人员从前手动实现的。那下面我们就来详细探讨一下吧。

语义标记

页面中的页眉,页尾和左边的导航栏很常见,通常,这些功能通过使用DIV元素样式来实现,现在大多数的页面以下面的模板作为结尾:

这个模板包括头,导航栏,尾和中间三行布局,这些标记不会单独显示预期的效果,因为需要在DIV元素中添加特定CSS样式。

除了需要HTML,你还需要用到CSS,让页面看起来引人注目,并把字段放到他们应该放得地方。不管怎么说,你能以一种简单的方式描述页面了,可以用语义上更有意义的元素来代替一般的DIV元素了,比如说HEADER,FOOTER,和ARTICLE。来看看是你如何用最新的HTML标签重写前面的模板吧:

NAV元素把放到导航栏里的链接聚集起来。ARTICLE元素表示页面中所有内容的容器,并包含了ASIDE和SELECTION元素。这些都是块元素,必须妥善设计形成一个像样的页面。其他元素比如FIGURES和DETAILS完成整个增强列表。FIGURE元素用来包含带题目的图片,而DETAILS取代了程序员用来隐藏可选内容的DIV,并且用JavaScript把它显示出来。DETAILS元素提供清晰的语法和一组属性。(未完待续)

原文出处:HTML5 -- The Hype and the Reality Behind It

 译文来源:http://www.webapptrend.com/ 
WebAppTrend是一个独立的技术博客,关注Web App前瞻和实践,以及智能浏览器发展

请大家在关注CSDN的同时,关注我们的新浪微博 @WebAppTrend,欢迎加入我们的QQ群:193775364

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值