语义学

• HTML5中的部分和大纲

• 一看新大纲和分节元素在HTML5： ，<section>，<article>，，和。<nav><header><footer><aside>

• 使用HTML5音频和视频

• 在<audio>和<video>元素嵌入，并允许新的多媒体内容的操作。

• 表格改进

• 看一下约束验证API，几个新属性，该<input>属性的新值type和新<output>元素。

• 新的语义元素

• 除了部分媒体和形式元素，也有许多新的元素，比如<mark>，<figure>，<figcaption>，<data>，<time>，<output>，<progress>，或<meter>和<main>，增加的数量有效的HTML5元素。

• 改善 <iframe>

• 使用sandbox和srcdoc属性，作者现在可以精确地了解安全级别和所需的<iframe>元素呈现方式。

• 数学语言

• 允许直接嵌入数学公式。

• HTML5简介

• 本文介绍如何向浏览器指示您在Web设计或Web应用程序中使用HTML5。

• HTML5参考指南

• HTML5快速参考表，其中包含标记生成器，代码示例和Web开发人员工具。该指南可下载，以方便使用和访问。该页面是在W3C的帮助下创建的，作为对使用HTML5有一些基本了解和经验的人的快速指南。

• 可下载的HTML5指南

• HTML5快速指南，包括常见的HTML标签以及新的HTML5标签。可下载为PDF和PNG格式。

• HTML5备忘单 

• 方便的HTML 5备忘单，适合想要掌握HTML 5的初学者，其元素，事件属性和兼容性。

• 可编辑的HTML5备忘单 

• 面向初学者的可编辑备忘单，带有HTML5示例，适用于希望学习和使用HTML5的任何人。

• 兼容HTML5的解析器

• 解析器将HTML文档的字节转换为DOM，现已进行了扩展，现在可以精确定义在所有情况下都可以使用的行为，即使面对无效的HTML也是如此。这导致与HTML5兼容的浏览器之间具有更大的可预测性和互操作性。

连接性

• 网络插座

• 允许在页面和服务器之间建立永久连接，并通过这种方式交换非HTML数据。

• 服务器发送的事件

• 允许服务器将事件推送到客户端，而不是经典范例，在经典范例中，服务器只能响应客户端请求发送数据。

• WebRTC

• RTC代表实时通信的这项技术允许与其他人连接并直接在浏览器中控制视频会议，而无需插件或外部应用程序。

离线和存储

离线资源：应用程序缓存

• Firefox完全支持HTML5离线资源规范。大多数其他人都在某种程度上具有脱机资源支持。

• 线上和线下活动

• Firefox 3支持WHATWG联机和脱机事件，这些事件使应用程序和扩展可以检测是否存在活动的Internet连接，以及检测连接何时向上和向下。

• WHATWG客户端会话和持久性存储（又名DOM存储）

• 客户端会话和持久存储允许Web应用程序在客户端上存储结构化数据。

• 索引数据库

• IndexedDB是一种Web标准，用于在浏览器中存储大量结构化数据，并使用索引对这些数据进行高性能搜索。

• 使用Web应用程序中的文件

• Gecko已添加了对新HTML5 File API的支持，从而使Web应用程序可以访问用户选择的本地文件。这包括选择使用多个文件支持<input>的类型 文件的HTML元素的新的多重属性。也有FileReader。

多媒体

• 使用HTML5音频和视频

• 在<audio>和<video>元素嵌入，并允许新的多媒体内容的操作。

• WebRTC

• RTC代表实时通信的这项技术允许与其他人连接并直接在浏览器中控制视频会议，而无需插件或外部应用程序。

• 使用Camera API

• 允许使用，操作和存储来自计算机相机的图像。

• 跟踪和WebVTT

• 该 <track>元素允许字幕和章节。WebVTT是文本轨道格式。

2D / 3D图形和效果

• 画布教程

• 了解新<canvas>元素以及如何在Firefox中绘制图形和其他对象。

• <canvas>元素的HTML5文本API

• <canvas>元素现在支持HTML5文本API 。

• WebGL

• WebGL通过引入与可在HTML5<canvas>元素中使用的OpenGL ES 2.0非常相符的API，将3D图形引入Web 。

• SVG

• 矢量图像的一种基于XML的格式，可以直接嵌入HTML中。

性能与整合

• 网络工作者

• 允许将JavaScript评估委托给后台线程，从而允许这些活动防止减慢交互事件的速度。

• XMLHttpRequest 2级

• 允许异步获取页面的某些部分，使其显示动态内容，具体取决于时间和用户操作。这是Ajax背后的技术。

• JIT编译JavaScript引擎

• 新一代的JavaScript引擎功能更加强大，从而带来了更高的性能。

• 历史API

• 允许操纵浏览器历史记录。这对于页面以交互方式加载新信息特别有用。

• contentEditable属性：将您的网站转换为Wiki！

• HTML5已标准化contentEditable属性。了解有关此功能的更多信息。

• 拖放

• HTML5拖放API支持在网站内和网站之间拖放项目。这也提供了一个更简单的API，供扩展程序和基于Mozilla的应用程序使用。

• HTML中的焦点管理

• 支持新的HTML5activeElement和hasFocus属性。

• 基于Web的协议处理程序

• 现在，您可以使用navigator.registerProtocolHandler()方法将Web应用程序注册为协议处理程序。

• requestAnimationFrame

• 允许控制动画渲染以获得最佳性能。

• 全屏API

• 控制网页或应用程序整个屏幕的使用情况，而不显示浏览器UI。

• 指针锁定API

• 允许将指针锁定到内容，因此当指针达到窗口限制时，游戏和类似应用程序不会失去焦点。

• 线上和线下活动

• 为了构建良好的具有脱机功能的Web应用程序，您需要知道应用程序实际何时脱机。顺便说一句，您还需要知道您的应用程序何时再次返回在线状态。

设备访问

• 使用Camera API

• 允许使用，操作和存储来自计算机相机的图像。

• 触摸事件

• 处理程序对用户按下触摸屏创建的事件做出反应。

• 使用地理位置

• 让浏览器使用地理位置定位用户的位置。

• 检测设备方向

• 当运行浏览器的设备改变方向时，获取信息。这可以用作输入设备（例如，使游戏对设备的位置做出反应）或使页面的布局适应屏幕的方向（纵向或横向）。

• 指针锁定API

• 允许将指针锁定到内容，因此当指针达到窗口限制时，游戏和类似应用程序不会失去焦点。

样式

CSS已得到扩展，能够以更加复杂的方式对元素进行样式设置。这通常被称为CSS3，尽管CSS不再是单片规范，并且不同的模块也不全是3级：有些模块处于1级，另一些模块处于4级，涵盖了所有中间级。

• 新的背景样式功能

• 现在可以使用box-shadow，多个背景和CSS在元素上放置阴影filter。您可以通过阅读高级框式效果了解更多有关这些的信息。

• 更多花哨的边框

• 现在，不仅可以使用图像来设置边框的样式，使用border-image及其相关的长期属性，而且该border-radius属性还支持圆角边框。

• 动画风格

• 使用CSS Transitions在不同状态之间进行动画处理，或使用CSS Animations在不触发事件的情况下对页面的各个部分进行动画处理，现在您可以控制页面上的移动元素。

• 排版改进

• 作者可以更好地控制字体，以达到更好的排版效果。它们可以控制text-overflow和断字，但也可以为其添加阴影或更精确地控制其装饰。由于有了新@font-face的规则，可以下载和应用自定义字体。

• 新的演示布局

• 为了提高设计的灵