Html5简述程序.pptx

HTML5 培训 基础知识 内容 历史 新特性 新标签 表单 WebRTC实时通讯 一、历史 发展历史 HTML 5草案的前身名为Web Applications 1.0，是在2004年由WHATWG提出，再于2007年获W3C接纳，并成立了新的HTML工作团队。 Web Applications 1.0和Web Forms 2.0和两种规范合并成今天的HTML5。2007年，W3C同意采纳HTML5作为标准，并成立了新的HTML工作团队。 起步规则 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。 减少对外部插件的需求（比如 Flash） 更优秀的错误处理 更多取代脚本的标记 HTML5 应该独立于设备 开发进程应对公众透明 浏览器支持 Mozilla Firefox、Google Chrome、Opera、Safari（版本4以上）、Internet Explorer（版本9以上）已支持HTML5技术。 二、新特性 新特性 主要关注点 新API 2.1 新特性 文件类型声明 （!DOCTYPE）仅有一型：!DOCTYPE HTML。 新的解析顺序：不再基于SGML。 新的元素 section, video, progress, nav, meter, time, aside, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, output, rp, rt, ruby, source, summary, wbr。 input元素的新类型 date, email, url,color等等。 新的属性 ping（用于a与area）, charset（用于meta）, async（用于script）。 全域属性 id, tabindex, repeat。 新的全域属性 contenteditable, contextmenu, draggable, dropzone, hidden, spellcheck。 移除元素 acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, strike, tt。 2.2 主要关注 用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持 新的特殊内容元素，比如 article、footer、header、nav、section 新的表单控件，比如 calendar、date、time、email、url、search 2.3 新API Canvas API 有关动态产出与渲染图形、图表、图像和动画的APIHTML5 音频与视频 HTML5里新增的元素，它们为开发者提供了一套通用的、集成的、脚本式的处理音频与视频的API，而无需安装任何插件 编辑 拖放 跨文档通信Communication APIs： 构建实时和跨源（cross-origin）通信的两大基础： 跨文档通信（Cross Document Messaging）与XMLHttpRequest Level 2。 浏览历史管理 MIME和协议进程时表头登记 微数据 网页存储 Geolocation API 用户可共享地理位置，并在Web应用的协助下享用位置感知服务（location-aware services） 索引数据库API（Indexed Database API,以前为WebSimpleDB） 文件API 处理文件上传和操纵文件目录和文件系统：这个API是为了满足客户端在没有好的数据库支持情况下存储要求文件写入：从网络应用程序向文件里写内容 三、新标签 视频 音频 拖放 Canvas SVG Canvas 与 SVG 的比较 地理定位 Web 存储 应用程序缓存 Web Workers 服务器发送事件 3.1 视频 支持此标签后，程序可以不需要flash播放视频插件了。 video width=320 height=240 controls=controls source src=movie.ogg type=video/ogg source src=movie.mp4 type=video/mp4 Your browser does not support the video tag. /video 格式 IE Firefox Opera Chrome Safari Ogg No 3.5+ 10.5+ 5.0+ No MP4 9.0 No No 5.0+ 3.0+ WebM No 4.