原理：HTML5的离线存储是基于一个新建的.appcache文件的，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示。
成都创新互联公司服务项目包括滦州网站建设、滦州网站制作、滦州网页制作以及滦州网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，滦州网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到滦州省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！
方法：
1.在index.html里加上html manifest="test.manifest"
2.manifest清单格式如下：
CACHE MANIFEST
#上面一句必须
#v1.0.0
#需要缓存的文件
CACHE:
a.js
b.css
#不需要缓存的文件
NETWORK:
*
#无法访问页面
FALLBACK:
404.html
3.manifest文件的mime-type必须是 text/cache-manifest类型。
貌似题主并非计算机专业，
谨在此以较为通俗的方法进行简单的提示。
……
关于H5，也就是题主所述HTML5，
实际是一种规范、而并非工具，因此
H5并不存在工作原理，
只是对浏览器所应实现的功能效果及标准进行了统一表述，
实际的“工作原理”由各浏览器开发商来研发并实现。
……
FLASH也是一种规范，
主要是针对数据的压缩及解压缩；
只是我们通常也将
实现FLASH标准的成品文档（比如swf）
或者设计或制作FLASH产品的工具（比如adobe-flash）
概称为FLASH。
……
而HTML是针对数据文本化的一种规范，
广义上的称谓“HTML”包括
HTML文本规范、
HTML文本文档、
HTML文件、
HTML编辑工具及软件等。
……
H5、HTML、FLASH是完全不同的三个领域的规范，
但是其相同之处在于都是相应领域的数据规范，
而且这三者都是主要应用于计算机前端交互设计；
而三者所流行的时代恰恰代表了互联网发展的历史里程碑。
……
如有更多疑问欢迎追问，或者在新开问题中邀请我回答。
1、h5页面设计的原理——在代码中实现
设计人员创建了一个很好的层图，包括PSD文件、PNG剪贴图、适当的文件、MP3音频文件、视频文件等等，并将它们与他们的前端工程师同事打包在一起，由他们专门将它们放在服务器上。在代码编辑方面，元素被合并到我们通常看到的H5 web页面中。前端也是H5的最终执行者。它们对恢复设计非常重要。一个好的前端往往决定了一个作品的最终命运。前端工程师可以说是设计师最好的行业导师。我们必须虚心向他们学习网络编码技术。
整个H5页面将被推到互联网后，代码编辑和测试。有时，前端工程师的工作量远远高于设计，这取决于项目的形式和难度。
2、h5页面设计的原理——没有代码实现
没有代码并不意味着你不需要前端工程师，但现在互联网上有很多H5页面生成工具，以网站的形式，命名为第三方平台，由大量的工程师开发，以帮助没有前端资源的设计师。您可以将设计好的数据上传到第三方平台的服务器上，自己编辑发布。这个过程不涉及程序员，可以节省大量的人力成本，而且简单快捷。但缺点是平台功能单一，效果有限。它通常以幻灯片的形式出现。工程师生成的H5页面可以定制。现在市场上有很多这样的平台。
无论是第三方网站设计工具，还是诞生于H5的前端工程师，都需要h5页面设计的原理。与前端工程师的沟通应该从设计开始就开始。尽量避免所有设计都做得好，前端无法实现的尴尬局面。所以设计师和前端工程师之间的沟通是非常重要的。后续将会有更多关于ui设计中各个分类的设计技巧与资讯，可以点击本站的其他文章进行学习。
