1 / 30
文档名称:

Html5简述.pptx

格式:pptx   大小:429KB   页数:30页
下载后只包含 1 个 PPTX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

Html5简述.pptx

上传人:w447750 2017/8/24 文件大小:429 KB

下载得到文件列表

Html5简述.pptx

相关文档

文档介绍

文档介绍:HTML5 培训
基础知识
内容
历史
新特性
新标签
表单
WebRTC实时通讯
一、历史
发展历史
HTML 5草案的前身名为Web Applications ,是在2004年由WHATWG提出,再于2007年获W3C接纳,并成立了新的HTML工作团队。
Web Applications Forms 。2007年,W3C同意采纳HTML5作为标准,并成立了新的HTML工作团队。
起步规则
新特性应该基于 HTML、CSS、DOM 以及 JavaScript。
减少对外部插件的需求(比如 Flash)
更优秀的错误处理
更多取代脚本的标记
HTML5 应该独立于设备
开发进程应对公众透明
浏览器支持
Mozilla Firefox、Google Chrome、Opera、Safari(版本4以上)、 Explorer(版本9以上)已支持HTML5技术。
二、新特性
新特性
主要关注点
新API
新特性
文件类型声明
(<!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。
主要关注
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素,比如 article、footer、header、nav、section
新的表单控件,比如 calendar、date、time、email、url、search
新API
Canvas API
有关动态产出与渲染图形、图表、图像和动画的APIHTML5
音频与视频
HTML5里新增的元素,它们为开发者提供了一套通用的、集成的、脚本式的处理音频与视频的API,而无需安装任何插件
编辑
拖放
munication 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
服务器发送事件
视频
支持此标签后,程序可以不需要flash播放视频插件了。
<video width="320" height="240" controls="controls">
<source src="" type="video/ogg">
<source src="" type="video/mp4">
Your browser does not support the video tag.
</video>
格式
IE
Firefox
Opera
Chrome
Safari
Ogg
No
+
+
+