第1篇 HTML 5标准.pptVIP

第1章 HTML 5标准 HTML 5是下一代HTML的标准，目前仍然处于发展阶段。经过了Web 2.0时代，基于互联网的应用已经越来越丰富，同时也对互联网应用提出了更高的要求。今天，技术人员、设计者、互联网爱好者们都在热议HTML 5，HTML 5俨然已经成为了互联网领域最热门的词语。与HTML 4相比，HTML 5的发展有着革命性的进步。基于良好的设计理念，HTML 5不但增加了很多新功能，而且对于涉及的每一个细节都有着明确的规定。HTML 5正在引领时代的潮流，必将开创互联网的新时代。 1.1 HTML 5介绍 在学习HTML 5之前，我们先介绍一下关于HTML 5的来龙去脉。 1.1.1 HTML 5的历史背景 HTML的出现由来已久。在1993年，HTML首次由因特网工程任务组（IETF）以因特网草案的形式发布。接着，HTML的发展一路高歌：1995年发布了2.0版，1996年发布了3.2版，1997年发布了4.0版，最后到1999年12月发布了4.01版。从第三个版本（3.2版）开始，W3C（万维网联盟）开始接手，并负责后续版本的制定工作。 在HTML 4.01之后，W3C的认识发生了倒退，把发展HTML放在了次要的地位，而是把主要注意力转移到了XML和XHTML之上。由于当时正值CSS崛起，设计者们对与XHTML的发展也深信不疑。但随着互联网的发展，HTML迫切需要增加一些新的功能，指定新的规范。 为了能继续并深入发展HTML规范，在2004年，一些浏览器厂商联合成立了WHATWG（Web超文本技术工作小组），以推动HTML 5规范。最初，WHATWG的工作内容包含两个部分：Web Forms 2.0和Web Apps 1.0。他们都是对HTML的发展并纳入HTML 5的规范之中。Web 2.0也是在那个时候提出来的。 到2006年，W3C组建了新HTML的工作组，非常明智地采纳了WHATWG意见，于2008年发布了HTML 5的工作草案。2009年W3C停止了对XHTML 2的工作。紧接着，HTML 5的草案不断的更新。到了2010年，HTML 5开始进入众多开发者的视野。在HTML 5规范还没定稿的情况下，各大浏览器厂商就已经按耐不住了，纷纷参与到规范的制定中来，并对自己旗下的产品进行升级以支持HTML 5的新功能。 HTML 5规范涉及的内容非常多，由于众多浏览器厂商的参与，可以及时的获得一些实验性的反馈，HTML 5规范也得以持续的完善。于此同时，IETF（因特网工程任务组）相关通信协议的制定。HTML 5就是以这种方式快速的融入到Web开发平台当中。 1.1.2 HTML 5的现状 今天，几乎所有的最新版的浏览器都已经在不同程度上支持了HTML 5，开发者也可以尝试开发基于HTML 5的新功能了。 1. 两个发展的时间点 然而对于HTML 5规范，仍然处于草案更新之中，但是最新的草案已经相对比较完备了。关于HTML规范的发布有两个时间点，如图1-1所示。 2. 目前发展状况 3. HTML 5的开发组织 1.1.3 良好的设计理念 回顾HTML的发展历程，曾经出现了XHTML规范，但没有得到较好的发展。特别是XHTML2，对语法解析过于严格，严重地违背了著名的Postel法则：“发送时要保守；接收时要开放。” 根据Postel法则，对自己发送出去的东西要严格要求，而对接收的东西则要放松限制。HTML 5的设计理念就遵循了这个法则，同时HTML 5也强调了其兼容性、实用性和互操作性。 1. 化繁为简 HTML 5为了做到尽可能的简化，避免了一些不必要的复杂设计。例如，DOCTYPE的改进：在过去的HTML版本中，第一行的DOCTYPE过于冗长，没有几个人能记得住，在实际的Web开发中也没有什么意义。而在HTML 5中就就非常简单：!DOCTYPE html 2. 向下兼容 3. 支持合理存在的内容 4. 解决实用性的问题 5. 最终用户优先 6. 通用访问 1.1.4 新增的HTML 5原生功能 1. 新增的原生功能 2. 原生功能的优点 1.1.5 HTML 5带来的好处 对于用户和开发者而言，HTML 5的出现意义非常重大。因为它将解决之前Web页面存在的诸多问题。 首先，不必考虑各个浏览器的兼容性问题。 在HTML 5之前，各大浏览器厂商为了争夺市场占有率，会在各自的浏览器中增加各种各样的功能，并且不具有统一的规范。对于用户而言，使用不同的浏览器，常常会看到不同的页面效果，甚至有些功能根本不能使用；对于Web开发者也伤透脑筋，为了使得页面能在多个浏览器中正常使用，不得不写一些hack，徒增了Web开发的复杂度。 在HTML 5中，纳入了所有合理的扩展功能。HTML 5规范的内容也非常