HTML5、CSS3及相关技术

现在是成为 Web 开发人员的绝佳机会。经过一段时间的休眠之后,标准机构和浏览器供应商在过去几年中显得异常繁忙,他们正忙于设计各种令人振奋的新兴技术。而开发人员则拼 命抓住这次机会,稳步推出各种演示程序和成熟的应用程序。受此趋势影响,一些公司如 Google 和 Apple 推出了符合标准的移动浏览器,而这些浏览器的畅销又推动这些公司采用新技术来推广其产品和服务。还有一些媒体也乘此机会对标准进行大肆炒作,使其超出了普 通 Web 开发人员和浏览器供应商的技术范畴。
当然,这样的争论也是有好处的。人们关注标准,这对业内每个人都有积极影响。从这个角度来看,持续使用统称,特别是 HTML5,作为 “新兴 Web 技术” 的简称就很有效。这能让不懂技术的人迅速了解(大致地)目前在标准方面开展的激动人心的工作。
有趣的是,甚至 W3C 也有所行动,使用 HTML5 及其标志(见 图 1)来宣传 “网络平台” 。
图 1. HTML5 标志
The HTML5 logo from the W3C
而不利的一面是,目前对规范方面所做的工作,加上这种快速而宽松的标记方式,已经在开发人员社区之中造成对规范本身认识的混乱。除非您对这项工作很了解,否则就根本搞不懂这些新出现的缩略词代表什么。
本文将为您澄清这些关于现存标准方面的混淆。本文概括了主要的标准,并提供了对技术本身的简易指南。
HTML5、“HTML5” 和 HTML:活的标准
关于本规范最重要的一点,毫无疑问,就是对 HTML 的最新版本。无论是好是坏,“HTML5” 已经成了所有新兴技术的统称。JavaScript 开发人员 Peter Paul Koch 在 2010 年 1 月的博客中简要描述了这种现象。“只要是又新又酷的,都叫 “HTML5”。
尽管这句话描述了很多人的想法,而且抓住了这几年以来发展的 HTML5 “品牌” 的本质,但对于构建网站的人来说,需要透过这个总称,深入挖掘炒作背后的实际技术规范。
这里说明一下,Web Hypertext Application Technology Working Group (WHATWG)(目前推动 HTML 标准的工作小组 )已经放弃了 W3C 长期实行的 “快照标准开发流程”。虽然该小组与 W3C 紧密合作创建 HTML5 快照规范,但他自身却主要关注将 HTML 简化为 “活的标准”。
先将语义命名在一边,我们深入看看 HTML5 快照规范中的实际技术。对于此规范,由于最近 WHATWG 发布了 Web 开发者专门版本;由此删除了上百页仅供浏览器供应商参考的信息,这使得理解本文档变得更加容易。
HTML5 快照(snapshot)规范中的技术
在深入了解这些内容之前,要知道 WHATWG 将其称为活的标准并非玩笑之言。这是不断变化的目标。有一些技术,如 Canvas 2D API,已经包含在核心规范中,后来又形成自己的文档。
新的语义元素
在此规范的所有新内容中,最快得到采用的大多是新的语义元素,如 Header、Footer、Section 以及 Aside。其中很多是根据一名编辑 Ian Hickson 的网络调查中的通用模式设计出的。这在 Header 和 Footer 中可以清楚看到,它们对应于网络中常见的 id="header" 和 id="footer" 模式。还有另外一些,像 hgroup、aside 和 figure,是现有 HTML 元素的逻辑附注和增强。
尽管具体浏览器对新元素的支持有限(例如,浏览器不会对 header 进行特殊处理),新语义元素的使用正变得越来越普遍。开发人员正在研究使用新元素的最佳实践和通用模式。例如,有些老版本的 Windows® Internet Explorer® 处理未知元素时会有问题,而一些库,如 Modernizr 或 HTML5Shiv 代码就能实现新元素跨浏览器使用。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

Grow your business fast with

Suku