HTML5 是下一代 HTML 标准，开始吸引越来越多人的目光。HTML5 的 DOM Storage 机制提供了一种方式让程序员能够把信息存储到本地的计算机上，在需要时获取。这点和 cookie 相似，区别是 DOM Storage 提供了更大容量的存储空间。
localStorage是HTML5中的一种本地存储机制，它主要用于在客户端，即用户使用的计算机上持久保存数据。在移动设备上，如Android和iOS设备，大部分支持web storage的浏览器都能正常使用这个特性。localStorage存储的信息是持久的，只要不被明确删除，即使用户关闭并重新启动浏览器，数据也会一直保留在用户的设备上。
html5中的WebStorage包括了两种存储方式：sessionStorage和localStorage。 sessionStorage 用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能 访问并且当会话结束后数据也随之销毁。
HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。
html5本地存储的功能很强悍，可以把数据存储在本地，只要不删除就可以一直存在，也解决了cookie大小限制的问题。html5本地存储可以分为sessionStorage和localStorage两种，下面小编就来介绍一下html5本地存储怎么做，html5本地存储实例详解。
本地存储特性（Class： OFFLINE & STORAGE）基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，因为可以将一些常用、不常更新的内容存储在本地。设备兼容特性 （Class： DEVICE ACCESS）HTML5提供了前所未有的数据与应用接入开放接口。
本篇文章主要介绍了前端HTML5几种存储方式的总结 ，主要包括本地存储localstorage，本地存储sessionstorage，离线缓存（application cache），Web SQL，IndexedDB。有兴趣的可以了解一下。总体情况h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。
HTML5 提供了两种在客户端存储数据的新方法：..两者都是仅在客户端（即浏览器）中保存，不参与和服务器的通信；localStorage - 没有时间限制的数据存储，第二天、第二周或下一年之后，数据依然可用。
本文主要介绍了前端HTML5的几种存储方式的总结，包括localstorage、localstoragesessionstorage、offlinecache、WebSQL和IndexedDB。有兴趣的可以了解一下。 开始正文~ 在h5之前，cookies主要用于存储。Cookies的缺点是在请求头中携带数据，大小在4k以内。主要领域污染。
html5中的WebStorage包括了两种存储方式：sessionStorage和localStorage。 sessionStorage 用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能 访问并且当会话结束后数据也随之销毁。
1、html5的localStorage用于存储一些临时的离线数据，localStorage和file、database一样，是存储，有永久性质。存入数据库的数据，不会在某一天突然被删除了。保存到硬盘里面的文件，也不会再某一天突然消失了。所以，localStorage本身没有时效性，因为storage毕竟不是ceche。因此，只能用js手动清除了。
2、localStorage是没有失效时间的，sessionStorage的声明周期是浏览器的生命周期。当浏览器关闭时，sessionStorage的数据将清空，而localStorage数据只要不通过代码特意的删除或手动删除，是永久保存的。
3、所以，localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。
4、代码中指定清空时，例如：localStorage.clear（）；用户手动清理浏览器浏览记录（包含缓存数据）时。
