189 8069 5689
1、String fileame = 生成html文件.htmlfileame = filePath+fileame；//生成的html文件保存路径。
创新互联是一家企业级云计算解决方案提供商,超15年IDC数据中心运营经验。主营GPU显卡服务器，站群服务器，珉田数据中心，海外高防服务器，机柜大带宽、租用·托管，动态拨号VPS，海外云手机，海外云服务器，海外服务器租用托管等。
2、首先我们新建一个html5的空白文档，小编这里演示用的是Dreamweaver CS6，当然其他文本编辑器也可以。
3、存储的内容：数组，图片，json，样式，脚本。。
关系数据库，通过SQL语句访问 Web SQL 数据库 API 并不是 HTML5 规范的一部分，但是它是一个独立的规范，引入了一组使用 SQL 操作客户端数据库的 APIs。
HTML5 提供了两种在客户端存储数据的新方法：..两者都是仅在客户端（即浏览器）中保存，不参与和服务器的通信；localStorage - 没有时间限制的数据存储，第二天、第二周或下一年之后，数据依然可用。
首先我们新建一个html5的空白文档，小编这里演示用的是Dreamweaver CS6，当然其他文本编辑器也可以。
本地存储localstorage 存储方式：以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。
为了 Cookie的一系列限制，Html5通过JS的新的API就能直接存储大量的数据到客户端浏览器，而且支持复杂的本地数据库，让JS简直就是逆天了。
HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。
逆天的是Html5提供了一个浏览器端的数据库支持，允许我们直接通JS的API在浏览器端创建一个本地的数据库，而且支持标准的SQL的CRUD操作，让离线的Web应用更加方便的存储结构化的数据。
本地存储：HTML5提供了localStorage和sessionStorage API，使得网页可以在浏览器端存储和获取数据，实现离线应用和数据持久化。
本地存储特性（Class： OFFLINE & STORAGE）基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。Indexed DB（html5本地存储最重要的技术之一）和API说明文档。
HTML5 存储类型有什么区别？HTML5 能够本地存储数据，在之前都是使用 cookies 使用的。
但这非常符合情况。如果你的应用程序创建了数据或者存储状态，你该决定当离线时在本地存储数据，且当你重新在线时与远程服务器同步。更新程序在被创建时连接到存储段。换句话说，HTML5可以使你的网络应用程序离线使用。
离线缓存是html5新特性之一，简单理解就是第一次加载后将数据缓存，在没有清除缓存前提下，下一次没有网络也可以加载，用在静态数据的网页或游戏比较好用。当然，Html5新的特性都不是所有浏览器都能支持的，离线缓存也一样。
Html5引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。
离线缓存。可以在关闭浏览器后再次打开时恢复数据，以减少网络流量。音频视频自由嵌入，多媒体形式更为灵活。地理定位。
原理：HTML5的离线存储是基于一个新建的.appcache文件的，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示。
依旧可以通过浏览器使用这些文件。为何要用离线缓存从网站所有者的角度来说，增加离线缓存功能，能够让用户更好的使用网站。
localStorage和file、database一样，是存储，有永久性质。存入数据库的数据，不会在某一天突然被删除了。保存到硬盘里面的文件，也不会再某一天突然消失了。所以，localStorage本身没有时效性，因为storage毕竟不是ceche。
所以，localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。
localStorage的生命周期是永久的，关闭页面或浏览器之后localStorage中的数据也不会消失。除非主动删除数据，否则数据永远不会消失。sessionStorage的生命周期是仅在当前会话下有效。
离线缓存（application cache）HTML5引入了应用程序缓存器，可对web进行缓存，在没有网络形况下使用，通过创建cache manifest文件，创建应用缓存。
h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。
HTML5 提供了两种在客户端存储数据的新方法：..两者都是仅在客户端（即浏览器）中保存，不参与和服务器的通信；localStorage - 没有时间限制的数据存储，第二天、第二周或下一年之后，数据依然可用。
按F12打开控制台，找到sessionStorage，会发现其是用键值对的方式存储数据的。localStorage跟sessionStorage类似，只是localStorage只要不删除就会永久存储在电脑上，而sessionStorage只要关闭了页面就没有了，这里小编就不再演示了。
现在，HTML5 提供了一种标准的接口，使程序员可以简单地访问存储的数据。由于键值对存储在本地计算机上，在页面加载完毕后可以通过 JavaScript 来操作这些数据。