这是ppt转html工具，包括了什么是HTML5？HTML5时间表，HTML5的八大新特性，语义化的标签，十个常用的新标签列表，Web 存储 (Web Storage)，音频和视频 (Audio + Video)等内容，欢迎点击下载。
ppt转html工具是由红软PPT免费下载网推荐的一款课件PPT类型的PowerPoint.
介绍什么是HTML5？ HTML5时间表 HTML5的八大新特性语义语义化的标签十个常用的新标签列表 定义文章 定义文章的侧边栏 一组媒体对象以及文字 定义 figure 的标题 定义页脚增强的表单控件微数据 (Microdata) 一个页面的内容，例如人物、事件或评论不仅要给用户看，还要让机器可识别。而要让机器知会特定内容含义，我们就需要使用规定的标签和属性。 HTML5 微数据规范是一种标记内容以描述特定类型的信息，例如评论、人物信息或事件。每种信息都描述特定类型的项，例如人物、事件或评论。例如，事件可以包含 venue、starting time、name 和 category 属性。离线存储 Web 存储 (Web Storage) HTML5 提供了两种在客户端存储数据的新方法： localStorage - 用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期。 sessionStorage - 用于存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问，当会话结束后数据也随之销毁。 以前，这些都是由 Cookie 完成的。但是 Cookie 有4KB的大小限制，而且会随HTTP请求一起被传递，无形中拖慢网页速度而且效率不高。 Indexed DataBase 对于存储少量的数据，Web Storage能够很好的完成任务，但是对大量的结构化数据进行处理时，它就力所不及了，而这正是IndexedDB的应用所在。 IndexedDB严格遵循W3C的同源策略，每个源都拥有独立的存储空间，每个存储空间内又可以创建多个数据库，每个数据库可以包含多个表，每个表都是一个json对象列表，可以存储多个json对象，比如{"name": "sonic"， "age": 27}。 Application Cache 使用Application Cache，你可以指定哪一个文件是浏览器缓存保留的并提供给用户离线使用的。这时候你的网站工作起来就像是线上一样，并且他们不会感觉到和真正在线使用有任何差异。那么，哪一部分文件是浏览器要保存的呢？这一切都定义在缓存清单文件中。设备通用拖拽与拖放 (Drag & Drop) 与 文件处理 (File API) 过去我们想实现网页中的拖拽效果，基本上都是使用DOM事件模型中的mousedown、mousemove、mouseup的鼠标事件监听来模拟拖拽效果，为了实现实时的拖拽移动效果，还要不停地获取鼠标的坐标，不停的修改元素的位置，代码要堆很多，而且性能也很差，现在有了HTML5原生的Drag & Drop 拖拽事件，再结合FileAPI 中的 FileReader，一切变得so easy~ 连接 WebSocket 现在，很多网站为了实现即时通讯，所用的技术都是轮询。这种模式需要浏览器不断的向服务器发出请求，然而HTTP请求的header信息是非常长的，这样会占用很多的带宽和服务器资源。 WebSockets是在一个(TCP)接口进行双向通信的技术，PUSH技术类型。能更好的节省服务器资源和带宽并达到实时通讯。在 WebSocket API 中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。桌面通知 (Notifications) 通过桌面通知系统，网站可以在用户桌面弹出一条通知，无论用户是否浏览当前网页，甚至最小化了浏览器，通知均可到达用户桌面。多媒体音频和视频 (Audio + Video) Audio和Video是首批添加到HTML规范中的标签。它们的加入使得我们可以像插入图片一样来处理音频及视频文件。三维、图形与特效 Canvas 画布元素传统的网页，总是使用GIF或者JPEG来显示图像，这种图形是需要事先画好的“静态”的图像。而Canvas，则是用Javascript的一种绘图手段。可以用它来画图、合成图象、或做简单的(和不那么简单的)动画。 WebGL WebGL是一种3D绘图标准，有别于过往需加装浏览器插件，透过WebGL的技术，只需要编写网页代码即可实现3D图像的展示。 WebGL完美地解决了现有的Web交互式三维动画的两个问题：第一，它通过HTML脚本本身实现Web交互式三维动画的制作，无需任何浏览器插件支持；第二，它利用底层的图形硬件加速功能进行的图形渲染，是通过统一的、标准的、跨平台的OpenGL接口实现的。性能与集成 XMLHttpRequest 2 作为XMLHttpRequest的改进版，XMLHttpRequest Level 2在功能上有了很大的改进。支持跨源XMLHttpRequest和进度事件（Progress events）。 CSS3 CSS选择器 (CSS Selector) 颜色 (Color) 分栏 (Columns) 边框 (Border) 文本 (Text) 渐变 (Gradients) 变形 (Transforms) CSS3私有前缀 (-prefix-) Q: 什么时候可以去掉前缀呢？ A: 当一个属性成为标准，并且被Firefox、Chrome等浏览器的最新版普遍兼容的时候。更多… Geolocation —— 获取浏览器用户的地理信息 postMessage —— 实现跨文档跨域的消息传输 Web Workers —— Javascript多线程工作解决方案 Transitions & Animations —— CSS的过渡效果及动画效果 Custom data-* attributes —— 定义合法的DOM属性 CSS Media Query —— 针对不同的设备显示不同的样式表 And so on … 浏览器支持情况 THANK YOUvhP红软基地
