本篇文章主要介绍了前端HTML5几种存储方式的总结 ，主要包括本地存储localstorage，本地存储sessionstorage，离线缓存（application cache），Web SQL，IndexedDB。有兴趣的可以了解一下。正文开始~h5之前，存储主要是用cookies。
创新互联是一家专注于成都网站设计、成都网站建设与策划设计,汉阴网站建设哪家好?创新互联做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:汉阴等地区。汉阴做网站价格咨询:028-86922220
SessionStorage的使用方法与localstorage的使用方法相似。 离线缓存（application cache）HTML5引入了应用程序缓存器，可对web进行缓存，在没有网络形况下使用，通过创建cache manifest文件，创建应用缓存。
由于键值对存储在本地计算机上，在页面加载完毕后可以通过 JavaScript 来操作这些数据。HTML5 的建议是每个网站提供给 Storage 的空间是 5MB，一般来说足够存字符串。
HTML5 提供了两种在客户端存储数据的新方法：..两者都是仅在客户端（即浏览器）中保存，不参与和服务器的通信；localStorage - 没有时间限制的数据存储，第二天、第二周或下一年之后，数据依然可用。
h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。
离线缓存（application cache）HTML5引入了应用程序缓存器，可对web进行缓存，在没有网络形况下使用，通过创建cache manifest文件，创建应用缓存。
HTML5 提供了两种在客户端存储数据的新方法：..两者都是仅在客户端（即浏览器）中保存，不参与和服务器的通信；localStorage - 没有时间限制的数据存储，第二天、第二周或下一年之后，数据依然可用。
} catch (e) { return false；} } HTML5 Storage 基于键值对存储。你要存储的数据需要有一个名字作为键，然后你就可以使用这个键读取这个数据。
cookie或sessionStorage（html5内容），最好不要用，有时间限制，不能存放大量内容。html5的新内容，localStorage，现在最新的浏览器还是能支持的。
对，一般存在浏览器的本地存储中（一个数据库）。当然cookie也可以。如果不是纯HTML5，比如用了flash、applet等技术，也可以用相应的接口来存。
h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。
1、本篇文章主要介绍了前端HTML5几种存储方式的总结 ，主要包括本地存储localstorage，本地存储sessionstorage，离线缓存（application cache），Web SQL，IndexedDB。有兴趣的可以了解一下。正文开始~h5之前，存储主要是用cookies。
2、Web SQL 数据库 API 并不是 HTML5 规范的一部分，但是它是一个独立的规范，引入了一组使用 SQL 操作客户端数据库的 APIs。
3、HTML5透过JavaScript提供了数种不同的脱机储存功能，相对于传统的Cookie而言有更好的弹性以及架构，并且可以储存更多的内容。
4、而在HTML5面世后，自带了本地存储和本地数据库功能，更为便捷的管理客户端数据。
LocalStorage使用键值对的方式进行存储，存储的方式只能是字符串。存储内容可以有图片、json、样式、脚本等只要可以序列化为字符串的。
HTML5 提供了两种在客户端存储数据的新方法：..两者都是仅在客户端（即浏览器）中保存，不参与和服务器的通信；localStorage - 没有时间限制的数据存储，第二天、第二周或下一年之后，数据依然可用。
其他存储方式的拓展：（不常用）。GoogleGears：存储大小没有任何限制，但需要额外安装插件。IndexedDB技术：客户端直接存储对象，目前还不是html的标准，大小没有任何限制。HTML5Webstroage技术：使用简单，大小不能超过8mb。
HTML5 是下一代 HTML 标准，开始吸引越来越多人的目光。HTML5 的 DOM Storage 机制提供了一种方式让程序员能够把信息存储到本地的计算机上，在需要时获取。
首先我们新建一个html5的空白文档，小编这里演示用的是Dreamweaver CS6，当然其他文本编辑器也可以。
