前面说过，webstorage是对cookie的优化而来，HTML4中使用cookie在客户端存储用户数据，长期使用发现存在以下问题：大小限制在4kbcookie每次随HTTP事务一起发送，浪费带宽正确操作cookie很复杂（这个有待考虑）由于以上问题，HTML5提出WebStorage作为新的客户端本地保存技术。
session即会话的意思，在这里的session是指用户浏览某个网站时，从进入网站到关闭网站这个时间段，session对象的有效期就只有这么长。/pplocalStorage：将数据保存在客户端硬件设备上，不管它是什么，意思就是下次打开计算机时候数据还在。/pp两者区别就是一个作为临时保存，一个拥有长期保存。
由这些操作可以看出，基本上都是用SQL语句进行数据库的相关操作，如果你会MySQL的话，这个应该比较容易用。 点我看更多教程！ IndexedDB 索引数据库 （IndexedDB） API（作为 HTML5 的一部分）对创建具有丰富本地存储数据的数据密集型的离线 HTML5 Web 应用程序很有用。
前端存储 所谓前端存储，是在网络视频监控系统的前端设备（如网络视频编码器或网络摄像机）中内置存储部件，由前端设备直接完成监控图像的本地录制和保存。
HTML5本地存储——Web SQL Database 在HTML5 WebStorage介绍了html5本地存储的Local Storage和Session Storage，这两个是以键值对存储的解决方案，存储少量数据结构很有用，但是对于大量结构化数据就无能为力了，灵活大不够强大。
indexedDB 索引数据库（indexDB）API（作为HTML5 的一部分）对创建具有吩咐本地存储数据的数据密集型的离线HTML5 Web 应用程序很有用。同时它还有助于本地缓存数据，使传统再现Web应用程序（比如移动 Web 应用程序）能够更快的运行和响应。
1、HTML5本地存储——Web SQL Database 在HTML5 WebStorage介绍了html5本地存储的Local Storage和Session Storage，这两个是以键值对存储的解决方案，存储少量数据结构很有用，但是对于大量结构化数据就无能为力了，灵活大不够强大。
2、本篇文章主要介绍了前端HTML5几种存储方式的总结 ，主要包括本地存储localstorage，本地存储sessionstorage，离线缓存（application cache），Web SQL，IndexedDB。有兴趣的可以了解一下。总体情况h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。
3、代码如下：Web Storage 技术在web上存储数据即针对客户端本地；具体来说分为两种：sessionStrage：session即会话的意思，在这里的session是指用户浏览某个网站时，从进入网站到关闭网站这个时间段，session对象的有效期就只有这么长。
4、在HTML5之前的时代，如果需要在客户端本地保存数据，只能存储在Cookie中，但是Cookie使用过多会影响请求速度，所以并不适合存储大量数据。而在HTML5面世后，自带了本地存储和本地数据库功能，更为便捷的管理客户端数据。
5、读取数据： 从这些操作可以看出，SQL语句基本上都是用于数据库相关的操作。如果你懂MySQL，这个应该比较好用。 IndexedDB）API（作为HTML5的一部分）对于创建具有丰富本地存储数据的数据密集型离线HTML5Web应用程序非常有用。
6、数据存储。HTML5与传统的数据存储相比，有自己的存储模式，允许在客户端进行大规模的数据存储。为了满足不同的需求，HTML5支持两种存储机制：DOMStorage和WebSQLDatabase。
HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。
html5本地存储的删除其实也很简单，也是打开控制台找到相应的存储信息，在上面右击删除即可。点击删除之后需要刷新一次页面就会看到本地存储的数据已经删除了。如果用代码的话，就是.removeItem（key）这个了。
如果单单HTML5操作的话，第一次输入文本框的内容通过文本框节点的value拿到结果，然后在文本框上面建立个DIV，把拿到的value值放到DIV节点的innerHTML里面就可以了，但是这是一次性的，第二次就打开网页DIV里面就没值了。
发布作品只需点击【发布】按钮，在弹出的窗口填写好相应的信息，即可完成作品发布。 在发布成功后，可把作品分享给朋友。我们返回个人主页，选择【已发布】，进入已发布的作品栏目，将鼠标移至作品处，点击右上角的分享按钮，在弹出的窗口复制作品链接、保存作品二维码，再把链接或者二维码分享给朋友即可。
HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。
HTML5 Storage 基于键值对存储。你要存储的数据需要有一个名字作为键，然后你就可以使用这个键读取这个数据。这个键是一个字符串；数据则可以是 JavaScript 支持的任何数据类型，包括字符串、布尔值、整数和浮点数。但是，我们通常将数据作为字符串进行存储。
现在，HTML5 提供了一种标准的接口，使程序员可以简单地访问存储的数据。由于键值对存储在本地计算机上，在页面加载完毕后可以通过 JavaScript 来操作这些数据。HTML5 的建议是每个网站提供给 Storage 的空间是 5MB，一般来说足够存字符串。
1、关系数据库，通过SQL语句访问 web数据库API不是HTML5规范的一部分，但它是一个独立的规范，它引入了一组使用SQL操作客户端数据库的API。 支持情况： SQL数据库可以在最新版本的Safari、Chrome和Opera浏览器中工作。 核心方法： ①openDatabase：该方法使用现有数据库或新创建的数据库创建一个数据库对象。
2、HTML5本地数据库是什么？HTML5提供了一个基于浏览器端的数据库（WebSQL、IndexedDB），我们可以通过JSAPI来在浏览器端创建一个本地数据库，而且它还支持标准的SQL来执行CRUD操作。如何查看本地的数据库呢？通过各个浏览器的调试工具可以查看。
3、易用性：NoSQL数据库通常提供更直观的文档型数据模型（如JSON-like格式），易于前端开发者理解。它们通常具有较为简单的API和客户端库，方便与JavaScript环境无缝对接。例如，MongoDB的BSON格式与JavaScript对象天然兼容，使得数据序列化与反序列化过程简单。
4、IndexedDB索引数据库 （IndexedDB） API（作为 HTML5 的一部分）对创建具有丰富本地存储数据的数据密集型的离线 HTML5 Web 应用程序很有用。同时它还有助于本地缓存数据，使传统在线 Web 应用程序（比如移动 Web 应用程序）能够更快地运行和响应。