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技术。二、新特性新特性主要关注点新API2.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、searchCanvas 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是为了满足客户端在没有好的数据库支持情况下存储要求文件写入：从网络应用程序向文件里写内容2.3 新API三、新标签视频音频拖放CanvasSVGCanvas 与 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/mp4Your browser does not support the video tag./video当前，video 元素支持三种视频格式格式IEFirefoxOperaChromeSafariOggNo3.5+10.5+5.0+NoMP49.0NoNo5.0+3.0+WebMNo4.0+10.66.0+No3.2 音频audio 元素能够播放声音文件或者音频流要确保适用于 Safari 浏览器，音频文件必须是 MP3 或 Wav 类型。audio 元素允