[Html5概述.docxVIP

Html5概述HTML5不仅仅是一次简单的技术升级，更代表了未来web开发的方向。概述分为三大部分：html5简介：发展史、开发者、新的特性及功能等。html5主要的web应用：绘图、后台处理、地理位置获取等应用。html5的未来。一、HTML5简介1.1HTML5发展史1993年，草案。90年代，2.0版，3.2版，4.0版1999年，4.01版。W3C掌握了对HTML规范的控制权。2004年，Web超文本应用技术工作组创立了HTML5规范。2006年，W3C重新介入HTML。2008年，W3C发布了HTML5的工作草案。2009年，很多浏览器已经支持HTML5。2012年，目标是发布候选推荐版。意味着HTML5规范编写完成。2020年，目标是发布计划推荐版。1.2HTML5开发者 WHATWG（Web超文本应用技术工作组）:由来自Apple、Mozilla、Google、Opera等浏览器厂商的人组成，2004年成立。开发HTML和web应用API，同时为各浏览器厂商以及其他有意向组织提供开放式合作。W3C：目前负责发布HTML5规范。IETF：（因特网工程任务组）：负责Internet协议。开发HTML5依赖的WebSocket协议。1.3新的认识 特点：兼容性：同以前的html相比，Html5并不是颠覆性的革新，保持一切新特性平滑过渡。一旦浏览器不支持HTML5的某项新功能，针对功能的备选行为就会运行。支持现存的HTML文档。效率和用户优先： 遇到无法解决的冲突时，规范会把用户放在第一位。 id=”prohtml5” Id=prohtml5 ID=”prohtml5”都支持。虽然不严格，但是用户不在乎代码怎么写，在乎结果。化繁为简 以浏览器原生能力替代复杂的Javascript代码。简化了以前需要依靠复杂的脚本技巧才能实现的功能。 新的简化的DOCTYPE; 新的简化的字符集声明； 简单而强大的HTML5 API。很多写好的函数。无插件 以前很多功能只能通过插件或者其他复杂的方式来实现，插件的方式存在很多问题：插件安装失败、插件被禁用等。HTML5可以用CSS和Javascript的方式控制页面，像绘图等等，添加了对脚本和布局之间的原生的交互能力，可以现实以前不能实现的效果。1.4新功能 1、新的DOCTYPE和字符集2、新的标签3、语义化的标记通过分析大量的页面，发现DIV标签的通用ID名称重复量很大。HTML5里面就引入了一组新的标记元素。用于查找页面DOM元素的快捷方式可以使用更加精确的方式来指定希望获取的元素，而不必再用标准dom的方式循环遍历。JSON格式的数据变成了HTML5应用内部数据交换的事实标准。Json是一种相对来说比较新的数据交换格式。1.5 各个功能的简介1、绘图（Canvas）动态生成和展示二维图形、图表、图像以及动画。实现图片甚至视频的像素级处理。2、实时和跨源通讯（Communication）出于安全考虑，运行在同一浏览器中的框架、标签页、窗口间的通信一直都受到了严格的限制。3、通讯（Web Sockets） 它定义了一个全双工通信信道，仅通过Web上的一个Socket即可进行通信。WebSocket不仅仅是对常规HTTP通信的另一种增量加强，它更代表着一次巨大的进步，对实时的、事件驱动的Web应用程序而言更是如此。4、后台处理（Web Workers）HTML5 Web Workers可以让Web应用程序具备后台处理能力。它对多线程的支持性非常好，因此，使用了HTML5的Javascript应用程序可以充分利用多核CPU带来的优势。5、HTML表单（Forms）6、音频和视频支持（Audio and Video）7、地理定位（Geolocation）8、数据存储 （Web Storage）开发者可以将需要跨源请求重复访问的数据直接存储在客户端浏览器中，还可以在关闭浏览器很久后再次打开时恢复数据，以减少网络流量。Cookie的大小受限，只能设置大约4kb的数据。在服务器和浏览器间来回传送，不安全、消耗网络带宽。Web Storage存储数据不会在网络上传输，重新浏览网页时也容易获取到。高达兆字节。9、离线应用（Offline）HTML5的离线应用缓存使得在无网络连接状态下运行应用程序成为可能。适合阅读和写电子邮件、编辑文档等等。避免了加载应用程序时所需的常规网络请求。从缓存中加载资源可以节省带宽。二、主要web应用2.1绘图（Canvas）由苹果公司提出，Canvas出现之前开发人员要在浏览器中绘图，只能使用Flash、SVG，以及IE才支持的VML。Canvas本质上是位图画布，其上绘制的图形是不可缩放的。绘制出来的对象不属于页面DOM机构或者任何命名空间。canvas 标签只是图形容器