html新特性学习教程.pptx

目录用于媒介回放的 video 和 audio 元素 用于绘画的 canvas 元素 对本地离线存储的更好的支持新的表单控件，比如 email、date、time、calendar、url、search新的特殊内容元素，比如 header、nav、footer、section、article第1页/共13页用于媒介回放的 video video 元素直到现在，仍然不存在一项旨在网页上显示视频的标准。今天，大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 video 元素来包含视频的标准方法。第2页/共13页video 元素 的写法 control 属性供添加播放、暂停和音量控件。第3页/共13页用于媒介回放的 audio audio 元素直到现在，仍然不存在一项旨在网页上播放音频的标准。今天，大多数音频是通过插件（比如 Flash）来播放的。然而，并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 audio 元素来包含音频的标准方法。audio 元素能够播放声音文件或者音频流。第4页/共13页audio 元素 的写法 control 属性供添加播放、暂停和音量控件。第5页/共13页用于绘画的 canvas canvas 元素HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成 第6页/共13页对本地离线存储的更好的支持HTML5 提供了两种在客户端存储数据的新方法：localStorage-没有时间限制的数据存储 sessionStorage-针对一个 session 的数据存储之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。在 HTML5 中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。对于不同的网站，数据存储于不同的区域，并且一个网站只能访问其自身的数据。第7页/共13页localStorage localStorage 方法localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。第8页/共13页sessionStorage sessionStorage 方法sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。第9页/共13页新的表单控件 emailemail 类型用于应该包含 e-mail 地址的输入域。在提交表单时，会自动验证 email 域的值。E-mail:第10页/共13页新的特殊内容元素headerheader、navnav、footerfooter 标签定义文档的页眉（介绍信息）。标签定义导航链接的部分。标签定义文档的页脚。这些新的标签增强了文档布局的语义化，可读性。第11页/共13页谢谢第12页/共13页感谢您的观看！第13页/共13页