Web Storage是HTML5引入的一个非常重要的功能，可以在客户端本地存储数据，类似HTML4的cookie，但可实现功能要比cookie强大的多，cookie大小被限制在4KB，Web Storageguan 方建议为每个网站5MB。
创新互联于2013年成立，先为安新等服务建站，安新等地企业，进行企业商务咨询服务。为安新企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
永久性的本地存储：localStorage在最新的JS的API中增加了localStorage对象，便于用户存储永久存储的Web端的数据。
首先我们新建一个html5的空白文档，小编这里演示用的是Dreamweaver CS6，当然其他文本编辑器也可以。
本地存储localstorage 存储方式：以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。
html5中的WebStorage包括了两种存储方式：sessionStorage和localStorage。 sessionStorage 用于本地存储一个会话(session)中的数据，这些数据只有在同一个会话中的页面才能 访问并且当会话结束后数据也随之销毁。
cookie：这是一种小型文本文件，浏览器会在用户访问特定网站时自动发送到服务器。服务器可以使用 cookie 来跟踪用户的活动、存储用户的偏好设置等。
Application CacheHTML5引入应用缓存，意味着web应用可以进行缓存，即使在没有网络的情况下也能使用。
关系数据库，通过SQL语句访问 Web SQL 数据库 API 并不是 HTML5 规范的一部分，但是它是一个独立的规范，引入了一组使用 SQL 操作客户端数据库的 APIs。
HTML5 提供了两种在客户端存储数据的新方法：..两者都是仅在客户端（即浏览器）中保存，不参与和服务器的通信；localStorage - 没有时间限制的数据存储，第二天、第二周或下一年之后，数据依然可用。
首先我们新建一个html5的空白文档，小编这里演示用的是Dreamweaver CS6，当然其他文本编辑器也可以。
本地存储localstorage 存储方式：以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。
现在，HTML5 提供了一种标准的接口，使程序员可以简单地访问存储的数据。由于键值对存储在本地计算机上，在页面加载完毕后可以通过 JavaScript 来操作这些数据。
html5标准中一个亮点就是提供了浏览器本地存储的功能。方式有两种：localStorage和 sessionStorage。 相对于cookie，他们具有存储空间大的特点，一般可以存储5M左右，而cookie一般只有4k。
HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。
localStorage中一般浏览器支持的是5M大小，在不同的浏览器中localStorage会有所不同。localStorage：用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。localStorage 属性是只读的。
