Html5.ppt

Html5 简介 Main Feature ? Offline ? Storage ? Graphics (2D, 3D) ? Multi media (Video, Audio) ? Presentation (CSS) ? Others (Drag & Drop , Web Socket, Web Workers, Mobile) Describe ?通过增加 html 新元素,新属性,新 API , 扩展 DOM ,结合 CSS3 , Javascript 来实现以上强大的机能?还在完善中?号称取代 web 插件的新一代标准?目前主流的浏览器都已部分支持 html5 Offline C apabilities ? Application Cache ?保存程序核心逻辑和 UI ?维护一个 manifest 决定哪些文件需要缓存? Offline Storage ?保存用户数据 Storage ? Web Storage ?键值对操作,非 string 类型需要序列化? Web SQL Database(eg) ?轻量级 SQL 引擎,关系数据库结构,事务? Indexed DB ?前2者的折衷,键值对操作,大数据,索引,事务? File Access File Access 与 bin 文件和本地文件系统交互的 API : ?同步/异步读文件?创建二进制文件?维护已存在的文件(eg) ?使用 XMLHttpRequest2 上传二进制文集?从桌面拖拽文件到浏览器(Gmail) Offline Storage 为什么使用 Offline Storage : ?使用客户端 Storage 使得 web app 支持离线使用(区别于传统的 Cookies , Plugin Based Storage , Browser-specific features )。?提升性能,只同步需要更新的数据。 Multi media ?音频元素标签(eg) ?视频元素标签(eg) ?丰富的 API 操作音频和视频元素 Presentation ?结合 CSS3 制造更华丽的 web 界面: ? 2D Transformations (位置变化,缩放,旋转) ? 3D Transforms(eg) ? Transitions ? Web Fonts ? New CSS styles ?.etc Graphics ? 2D Canvas ?使用 JavaScript 在 canvas 元素上绘制 2D 图像(eg) ? Web GL ?使用 JavaScript 在 canvas 元素上绘制 3D 图像? SVG ?形状,滤镜,渐变(eg)