| 标签样式 | 标签描述 |
|---|---|
| 文档的头部区域 | |
| 文档的尾部区域 | |
| 文档的导航区域 | |
| 文档中的节（section、区段） | |
| 页面独立的内容区域 | |
| 页面的侧边栏内容 | |
| 描述文档或文档某个部分的细节 | |
| 标签包含 details 元素的标题 | |
| 描述对话框，如提示框 |
| 表单元素 | 表单描述 |
|---|---|
| 元素规定输入域的选项列表，使用 元素的 list 属性与 | |
| 提供一种验证用户的可靠方法，标签规定用于表单的密钥对生成器字段。 | |
| 用于不同类型的输出 |
并且HTML5 拥有多个新的表单 Input 输入类型。这些新特性提供了更好的输入控制和验证。如color，date，datetime，email，numbertel，time等。
HTML5 新增的表单属性1.placehoder 属性，简短的提示在用户输入值前会显示在输入域上。即我们常见的输入框默认提示，在用户输入后消失。
2.required 属性，是一个 boolean 属性。要求填写的输入域不能为空
3.pattern 属性，描述了一个正则表达式用于验证 元素的值。
4.min 和 max 属性，设置元素最小值与最大值。
5.step 属性，为输入域规定合法的数字间隔。
6.height 和 width 属性，用于 image 类型的 标签的图像高度和宽度。
7.autofocus 属性，是一个 boolean 属性。规定在页面加载时，域自动地获得焦点。
8.multiple 属性 ，是一个 boolean 属性。规定 元素中可选择多个值。
3.控制视频和音频的元素元素，内有属性controls，可以提供控制音频的控件如暂停，播放和音量控件，当然，还可以通过dom中的play()和pause()方法来控制暂停和播放。
在 与 之间需要插入浏览器不支持的元素的提示文本 。 元素允许使用多个
HTML5 标签用于绘制图像(通过脚本，通常是 Javascript)。
5.SVG绘图SVG是指可伸缩的矢量图形
SVG 与 Canvas两者间的区别：1.SVG 是一种使用 XML 描述 2D 图形的语言。
2.Canvas 通过 Javascript 来绘制 2D 图形。
3.SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 Javascript 事件处理器。
4.在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。
5.Canvas 是逐像素进行渲染的。在 canvas 中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需要重新绘制，包括任何或许已被图形覆盖的对象。
6.地理定位 7.拖放API 8.Web Worker 9.Web Storage 10.WebSocket
