HTML5新特性

表单属性：

placehoder 属性，简短的提示在用户输入值前会显示在输入域上。即我们常见的输入框默认提示，在用户输入后消失。

required 属性，是一个 boolean 属性。要求填写的输入域不能为空 pattern 属性，描述了一个正则表达式用于验证 元素的值。

min 和 max 属性，设置元素最小值与最大值。

step 属性，为输入域规定合法的数字间隔。

height 和 width 属性，用于 image 类型的 标签的图像高度和宽度。

autofocus 属性，是一个 boolean 属性。规定在页面加载时，域自动地获得焦点。 multiple 属性 ，是一个 boolean 属性。规定 元素中可选择多个值。　

新视频播放：

HTML5 规定了一种通过 video 元素来包含视频的标准方法。 control 提供了 播放、暂停和音量控件来控制视频。也可以使用dom操作来控制视频的播放暂停，如 play() 和 pause() 方法。 同时 video 元素也提供了 width 和 height 属性控制视频的尺寸.如果设置的高度和宽度，所需的视频空间会在页面加载时保留。如果没有设置这些属性，浏览器不知道大小的视频，浏览器就不能再加载时保留特定的空间，页面就会根据原始视频的大小而改变。 标签之间插入的内容是提供给不支持 video 元素的浏览器显示的。 video 元素支持多个source 元素. 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式（ MP4, WebM, 和 Ogg）

本地储存：

使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是COOKIEs。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据，而不影响网站的性能。数据以键/值对存在, web网页的数据只允许该网页访问使用。 客户端存储数据的两个对象为： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储, 当用户关闭浏览器窗口后，数据会被删除。