本篇文章主要介绍了前端HTML5几种存储方式的总结 ，主要包括本地存储localstorage，本地存储sessionstorage，离线缓存（application cache），Web SQL，IndexedDB。有兴趣的可以了解一下。正文开始~h5之前，存储主要是用cookies。
创新互联长期为近1000家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为班玛企业提供专业的成都网站设计、网站建设，班玛网站改版等技术服务。拥有十载丰富建站经验和众多成功案例,为您定制开发。
Web SQL 数据库 API 并不是 HTML5 规范的一部分，但是它是一个独立的规范，引入了一组使用 SQL 操作客户端数据库的 APIs。
而在HTML5面世后，自带了本地存储和本地数据库功能，更为便捷的管理客户端数据。
其中，DOMStorage适用于带有键/值对的基本本地存储；WebSQLDatabase是一种适用于关系数据库的存储方法，开发人员可以使用SQL语法来查询和插入这些数据。多线程。
为了 Cookie的一系列限制，Html5通过JS的新的API就能直接存储大量的数据到客户端浏览器，而且支持复杂的本地数据库，让JS简直就是逆天了。
1、首先我们新建一个html5的空白文档，小编这里演示用的是Dreamweaver CS6，当然其他文本编辑器也可以。
2、html5中的WebStorage包括了两种存储方式：sessionStorage和localStorage。 sessionStorage 用于本地存储一个会话(session)中的数据，这些数据只有在同一个会话中的页面才能 访问并且当会话结束后数据也随之销毁。
3、本地存储localstorage 存储方式：以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。
4、存储内容可以有图片、json、样式、脚本等只要可以序列化为字符串的。
5、cookie：这是一种小型文本文件，浏览器会在用户访问特定网站时自动发送到服务器。服务器可以使用 cookie 来跟踪用户的活动、存储用户的偏好设置等。
1、在HTML5之前的时代，如果需要在客户端本地保存数据，只能存储在Cookie中，但是Cookie使用过多会影响请求速度，所以并不适合存储大量数据。而在HTML5面世后，自带了本地存储和本地数据库功能，更为便捷的管理客户端数据。
2、html5拥有自己的数据库 操作本地数据库的最基本的步骤是：第一步：openDatabase方法：创建一个访问数据库的对象。
3、这问题本身很好办，text字段存储html代码是没有问题的。关键是看你的语言环境，因为很多环境下text的写入不能用insert语句，而需要rs.open rs.text=这样的方式。
4、IndexedDB 索引数据库 (IndexedDB) API（作为 HTML5 的一部分）对创建具有丰富本地存储数据的数据密集型的离线 HTML5 Web 应用程序很有用。
5、我们平时进行网页开发的时候，经常使用数据库存储用户输入的信息。但是数据库安装配置比较复杂，对于一些简单的需求并不适合。下面我就给大家分享用HTML5快速存储信息的方法。
1、html5的离线web应用的浏览器和服务器交互的过程要是没有缓存就需要每次交互都要实时接口调用，增加网络开销。
2、h5新增localStorage和sessionStorage两种用于把数据存储在本地的方法，前者可以将数据永久保存在本地，可手动删除。后者只能在本次浏览器启动时存储有效，关闭浏览器之后存储的数据会自动清空。
3、iOS的Webview加载HTML时会自动缓存JS、CSS等文件，当下次加载HTML时会根据请求的缓存策略是否使用缓存本地的JS和CSS，如果本地有缓存，那么直接返回本地资源(判断是否过期)；如果没有本地缓存则向服务器请求地址。
1、关系数据库，通过SQL语句访问 Web SQL 数据库 API 并不是 HTML5 规范的一部分，但是它是一个独立的规范，引入了一组使用 SQL 操作客户端数据库的 APIs。
2、HTML5 提供了两种在客户端存储数据的新方法：..两者都是仅在客户端（即浏览器）中保存，不参与和服务器的通信；localStorage - 没有时间限制的数据存储，第二天、第二周或下一年之后，数据依然可用。
3、首先我们新建一个html5的空白文档，小编这里演示用的是Dreamweaver CS6，当然其他文本编辑器也可以。
4、本地存储分localStorage和sessionStorage，即永存和暂存。
5、本地存储localstorage 存储方式：以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。
6、为了 Cookie的一系列限制，Html5通过JS的新的API就能直接存储大量的数据到客户端浏览器，而且支持复杂的本地数据库，让JS简直就是逆天了。
1、离线缓存（application cache）HTML5引入了应用程序缓存器，可对web进行缓存，在没有网络形况下使用，通过创建cache manifest文件，创建应用缓存。
2、h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。
3、HTML5 提供了两种在客户端存储数据的新方法：..两者都是仅在客户端（即浏览器）中保存，不参与和服务器的通信；localStorage - 没有时间限制的数据存储，第二天、第二周或下一年之后，数据依然可用。
4、按F12打开控制台，找到sessionStorage，会发现其是用键值对的方式存储数据的。localStorage跟sessionStorage类似，只是localStorage只要不删除就会永久存储在电脑上，而sessionStorage只要关闭了页面就没有了，这里小编就不再演示了。
5、现在，HTML5 提供了一种标准的接口，使程序员可以简单地访问存储的数据。由于键值对存储在本地计算机上，在页面加载完毕后可以通过 JavaScript 来操作这些数据。