这篇“HTML5之离线的应用以及存储的应用”文章，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要参考一下，对于“HTML5之离线的应用以及存储的应用”，小编整理了以下知识点，请大家跟着小编的步伐一步一步的慢慢理解，接下来就让我们进入主题吧。
成都创新互联专业为企业提供玉山网站建设、玉山做网站、玉山网站设计、玉山网站制作等企业网站建设、网页设计与制作、玉山企业网站模板建站服务，10余年玉山做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
html是什么
html的全称为超文本标记语言，它是一种标记语言，包含了一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体，html文本是由html命令组成的描述性文本，html命令可以说明文字，图形、动画、声音、表格、链接等，主要和css+js配合使用并构建优雅的前端网页。
1.离线应用
离线应用是 HTML 5 新增的以想功能，旨在帮助用户在没有网络的情况下，也可以使用 web 应用程序。
HTML 5 离线功能，包含【离线资源缓存】、【在线状态监测】、【本地数据存储】。
离线资源缓存 - 通过浏览器机制，将在线资源缓存到本地，当用户离线访问应用程序时，这些资源文件自动从本地加载，从而让用户可以正常的使用应用程序。
在线状态监测 - 有些应用需要跟服务器做一些数据的交互，应用开发者需要知道浏览器是否处于在线状态，HTML 5 提供了在线状态监测。（window.online = function(){}）
本地数据存储 - 当应用程序处于离线状态时，程序需要把用户产生的数据存储到本地，以便于在线时同步到服务器上。为此，HTML 5 提供了多种本地存储机制。
离线 web 应用对比普通的 web 应用，多了一个描述文件，用于列出【需要缓存】和【永不缓存】的资源。该文件扩展名为【.appcache】，描述文件的 mime-type 类型为 “text/cache-manifest”。
offline.appcache 文件的代码如下
CACHE MANIFEST
#cache 之后的资源都会被缓存
CACHE:
main.html
style.css
main.js
#network 之后的资源不会被缓存，总是从线上获取
NETWORK:
account/
如果离线化应用程序，只需将 .html 文件 和 manifest 描述文件关联起来即可
