---
title: HTML5
slug: Web/Guide/HTML/HTML5
tags:
- HTML
- HTML5
- JavaScript
- PHP
- Web
- Web 开发
- angularjs
- nodejs
- vuejs
- 帮助
- 指南
- 综述
translation_of: Web/Guide/HTML/HTML5
---
语义
- HTML5 中的区块和段落元素
- HTML5 中新的区块和段落元素一览: {{HTMLElement("section")}}, {{HTMLElement("article")}}, {{HTMLElement("nav")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("aside")}} 和 {{HTMLElement("hgroup")}}.
- 使用 HTML5 的音频和视频
- {{HTMLElement("audio")}} 和 {{HTMLElement("video")}} 元素嵌入和允许操作新的多媒体内容。
- 表单的改进
- 看一下 HTML5 中对 web 表单的改进:强制校验API,一些新的属性,一些新的{{HTMLElement("input")}} 元素{{htmlattrxref("type", "input")}} 属性值 ,新的 {{HTMLElement("output")}} 元素。
- 新的语义元素
- 除了节段,媒体和表单元素之外,还有众多的新元素,例如 {{HTMLElement("mark")}}, {{HTMLElement("figure")}}, {{HTMLElement("figcaption")}}, {{HTMLElement("data")}}, {{HTMLElement("time")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}}, 或者 {{HTMLElement("meter")}}和{{HTMLElement("main")}},这增加了有效的 HTML5 元素的数量。
- {{HTMLElement("iframe")}} 的改进
- 使用 {{htmlattrxref("sandbox", "iframe")}}, {{htmlattrxref("seamless", "iframe")}}, 和 {{htmlattrxref("srcdoc", "iframe")}} 属性,作者们现在可以精确控制 {{HTMLElement("iframe")}} 元素的安全级别以及期望的渲染。
- MathML
- 允许直接嵌入数学公式。
- HTML5 入门
- 本文介绍了如何标示在网页设计或 Web 应用程序中使用 HTML5 时碰到的问题。
- HTML5 兼容的解析器
- 用于把 HTML5 文档的字节转换成 DOM 的解释器,已经被扩展了,并且现在精确地定义了在所有情况下使用的行为,甚至当碰到无效的 HTML 这种情况。这就导致了 HTML5 兼容的浏览器之间极大的可预测性和互操作性。
通信
- Web Sockets
- 允许在页面和服务器之间建立持久连接并通过这种方法来交换非 HTML 数据。
- Server-sent events
- 允许服务器向客户端推送事件,而不是仅在响应客户端请求时服务器才能发送数据的传统范式。
- WebRTC
- 这项技术,其中的 RTC 代表的是即时通信,允许连接到其他人,直接在浏览器中控制视频会议,而不需要一个插件或是外部的应用程序。
离线 & 存储
- 离线资源:应用程序缓存
- 火狐全面支持 HTML5 离线资源规范。其他大多数针对离线资源仅提供了某种程度上的支持。
- 在线和离线事件
- Firefox 3 支持 WHATWG 在线和离线事件,这可以让应用程序和扩展检测是否存在可用的网络连接,以及在连接建立和断开时能感知到。
- WHATWG 客户端会话和持久化存储 (又名 DOM 存储)
- 客户端会话和持久化存储让 web 应用程序能够在客户端存储结构化数据。
- IndexedDB
- 是一个为了能够在浏览器中存储大量结构化数据,并且能够在这些数据上使用索引进行高性能检索的 Web 标准。
- 自 web 应用程序中使用文件
- 对新的 HTML5 文件 API 的支持已经被添加到 Gecko 中,从而使 Web 应用程序可以访问由用户选择的本地文件。这包括使用 type file 的 {{HTMLElement("input")}} 元素的新的 multiple 属性针对多文件选择的支持。 还有
FileReader
。
多媒体
- 使用 HTML5 音视频
- {{HTMLElement("audio")}} 和 {{HTMLElement("video")}} 元素嵌入并支持新的多媒体内容的操作。
- WebRTC
- 这项技术,其中的 RTC 代表的是即时通信,允许连接到其他人,在浏览器中直接控制视频会议,而不需要一个插件或是外部的应用程序。
- 使用 Camera API
- 允许使用,操作计算机摄像头,并从中存储图像。
- Track 和 WebVTT
- {{HTMLElement("track")}} 元素支持字幕和章节。WebVTT 一个文本轨道格式。
3D, 图像 & 效果
- Canvas 教程
- 了解有关新的
{{HTMLElement("canvas")}}
元素以及如何在火狐中绘制图像和其他对象。
- HTML5 针对
<canvas>
元素的文本 API
- HTML5 文本 API 现在由 {{HTMLElement("canvas")}} 元素支持。
- WebGL
- WebGL 通过引入了一套非常地符合 OpenGL ES 2.0 并且可以用在 HTML5 {{HTMLElement("canvas")}} 元素中的 API 给 Web 带来了 3D 图像功能。
- SVG
- 一个基于 XML 的可以直接嵌入到 HTML 中的矢量图像格式。
-