Html5 学习系列三步曲.doc

引言，认识两个标准制定的组织 ? ? ? ? 在讲什么是Html5之前得先了解两个组织；WHATWG?：网页超文本技术工作小组（英语：Web?Hypertext?Application?Technology?Working?Group，缩写为WHATWG），是一个以推动网络?HTML?5?标准为目的而成立的组织。在2004年，由Opera、Mozilla基金会和苹果这 些浏览器厂商和一些相关团体形成的一个松散的、非正式的协作组织，这些团体希望发展一些新的技术，从而开发人员可以在互联网上编写并部署应用。?另外一个 就是大家熟悉的W3C?：万维网联盟（World?Wide?Web?Consortium，W3C），又称W3C理事会,它主要是为解决web应用中不 同平台、技术和开发者带来的不兼容问题，保障Web信息的顺利和完整流通， 万维网联盟制定了一系列标准并督促Web应用开发者和内容提供者遵循这些标准。 标准的内容包括使用语言的规范，开发中使用的导则和解释引擎的行为等等。W3C也制定了包括XML和CSS等的众多影响深远的标准规范。 那什么是HTML5 ? ? ? ? ?HTML?5草案的前身名为Web?Applications?1.0，是在2004年由WHATWG提出，再于2007年获W3C接纳，并成立了新的HTML工作团队。在2008年1月22日，第一份正式草案发布。WHATWG表示该规范是目前仍在进行的工作，仍须多年的努力。目前Firefox、Google?Chrome、Opera、Safari（版本4以上）、Internet?Explorer?9已支援HTML5技术。? HTML5本质并没有对之前HTML4版本的规范进行彻底的变革，更令人欣喜的是，HTML5一开始设计就考虑了跟之前的标 准进行兼容。而且把最新的WEB开发的一些新技术新的规范引入进了新版本的标准中。那么它的本质是什么呢？其实HTML5的发展就是 html，css，jsapi的发展，用另外一句话解释就是：HTML5=HTML+CSS+JSAPI。 HTML5 1、让Web再次回归到富客户端地步，而且更加的独立，减少了对第三方插件的依赖。 ? ? ?比如：之前的HTML4的标准中并没有对于视频、音频以及其他的富客户端技术支持的非常好，这就使得Flash和SilverLight变得异常的成 功。而在HTML5新标准中原生的就支持音频、视频、画布等技术。让我们的WEB程序拥有更多富客户端表现的方式，而且让我们的WEB程序更加独立，更好 的适应多种形式的客户端。 2、对本地离线存储的更好的支持? ? ? ?由于之前想在客户端保存一些数据都是由?cookie?完成的。但是?cookie?不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得?cookie?速度很慢而且效率也不高。? HTML5?提供了两种在客户端存储数据的新方法： localStorage?-?没有时间限制的数据存储 sessionStorage?-?针对一个?session?的数据存储 在?HTML5?中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。 对于不同的网站， 数据存储于不同的区域，并且一个网站只能访问其自身的数据。 HTML5?使用?JavaScript?来存储和访问数据。有了本地数据库的支持，让一些简单的离线应用也成为了可能。? 3、新的特殊内容元素，更好的支持SEO以及方便视障人士使用 ? ? ?现在所有的站点基本上都是Div+CSS布局，几乎所有的文章标题、内容、辅助介绍等都用Div容器来承载。搜索引擎在抓取页面内容时，因为没有明确的 容器的含义只能去猜测这些标签容器承载的是文章标题还是文章内容等，HTML5新标准中直接添加了拥有具体含义的HTML标签比如：article、 footer、header、nav、section? 4、更加智能的表单标签 ? ? ?之前的表单标签，仅仅是简单的类型的约束，比如文本框、文本域、下拉列表等，而跟业务结合紧密的表单标签数据校验等控制都没有很好的支持，而是用这些技 术都基本上都是跟第三方的JS控件进行结合使用，但是这些第三方总会涉及到版本控制、浏览器兼容性、非标准等一系列的问题，而在HTML5的标准中直接添 加了智能表单，让这一切都变得那么的简单，比如?calendar、date、time、email、url、search。 5、HTML5即时二维绘图?,也就是画布的引入，让Javascript子弹飞 ? ? ?画布的引入使得：Web端生成动画效果、制作Web游戏、更好的交互体验设计都增加了无限的变数，当社区充斥着乱七八糟超炫的HTML5的JS控制的效 果的时候，让人无限的赞叹