第1章 We开发.ppt

第1章 Web开发新时代 第*页 第1章 Web开发新时代 本章概述 本章的学习目标 主要内容 第*页 本章概述 2010年HTML5推出以来，受到了各大浏览器厂商的支持和广大开发人员的喜爱。2010年，微软IE9预览版在MIX10大会首次公开亮相，工程师在介绍时，从前端结束将Web发展氛围三个阶段：第一个阶段为Web1.0，主流技术是HTML和CSS；第二阶段为Web2.0，主流技术为Ajax应用，如JavaScript/DOM/异步数据请求；而第三阶段应该是即将到来的HTML5+CSS3阶段。2014年10月29日，万维网联盟泪流满面地宣布，经过几乎8年的艰辛努力，HTML5标准规范终于最终制定完成并公开发布。这宣告了Web发展正式进入第三个阶段。 第*页 本章的学习目标 了解什么是HTML5，HTML5和之前版本的HTML有哪些区别； 了解世界各大知名浏览器目前的发展策略，为什么它们都不约而同地把支持HTML5当成目前的工作重点； 了解为什么开发者今后可以大胆地使用HTML5进行Web网站与Web应用程序的开发，HTML5被正式推广以后之前的Web网站与Web应用程序怎么办； HTML5到底可以解决哪些问题。 第*页 主要内容 1.1 HTML5概述 1.2 HTML5设计原理 1.3 编写第一个HTML5页面 1.4 HTML5页面的特征 1.5 本章小结 第*页 1.1 HTML5概述 1.1.1 HTML5的目标 1.1.2 HTML5新特性 1.1.3 HTML5深受欢迎的理由 1.1.4 HTML5构成 第*页 1.1.1 HTML5的目标 HTML5的目标是为了创建更简单的Web程序，书写出更简洁的HTML代码。例如，为了使Web应用程序的开发变得更容易，提供了很多API；为了使HTML变得更简洁，开发出了新的属性，新的元素，等等。 第*页 1.1.2 HTML5新特性 兼容性 合理性 效率 安全性 分离 简化 通用型 无插件 第*页 1.1.3 HTML5深受欢迎的理由 世界知名浏览器厂商对HTML5的支持 时代的要求 第*页 1.1.4 HTML5构成 HTML5主要包括下面这些功能：Canvas（2D和3D）、Channel消息传递、Cross-document消息传送、Geolocation、MathML、Microdata、Server-Send Events、Scalable Vector Graphics（SVG）、WebSocket API及协议、Web Origin Concept、Web Storage、Web SQL database、Web Workers、XMLHttpRequest Level 2。 第*页 主要内容 1.1 HTML5概述 1.2 HTML5设计原理 1.3 编写第一个HTML5页面 1.4 HTML5页面的特征 1.5 本章小结 第*页 1.2 HTML5设计原理 1.2.1 HTML变迁 1.2.2 HTML5开发动力 第*页 1.2.1 HTML变迁 HTML最早从2.0版开始的，实际上并没有HTML1.0版官方规范。 20世纪90年代，HTML有过几次快速的发展。 从1997年到1999年，HTML的版本从3.2到4.0，再到4.01，经历了非常快的发展。在HTML4.01之后，W3C提出了XHTML1.0的概念。 到了2000年，Web标准项目的活动开展得如火如荼，开发人员对浏览器里包含的那些乱七八糟的专有特性已经忍无可忍了。 XHTML1.0之后是XHTML1.1，而在使用XHTML1.0的时候，还可以把文档标记为HTML。 XHTML1和XHTML2都使用XML错误处理模型，但这个错误处理模型太苛刻了，它不符合“接收时开放”这个法则。 第*页 1.2.2 HTML5开发动力 在2004年W3C成员内部的一次研讨会上，Opera公司的代表伊恩?希克森(Ian Hickson）提出了一个扩展和改进HTML的建议。他建议新任务组可以跟XHTML2并行，但是在已有HTML的基础上开展工作，目标是对HTML进行扩展。但是W3C投票表示反对，因为他们觉得XHTML2才是未来的方向。然后，Opera、Apple等浏览器厂商以及其他一些成员脱离了W3C，成了了WHATWG（Web Hypertext Applications Technology Working Group，Web超文本应用技术工作组），在HTML的基础上开展工作，向其中添加新东西。 这就是我们今天看到的局面：一种格式，两个版本。 第*页 主要内容 1.1