html5原理,html5技术介绍

HTML5的离线储存怎么使用，以及工作原理

原理：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类型。

相关问答

Q1: 想问一下，HTML5工作原理和HTML一样的吗

貌似题主并非计算机专业，

谨在此以较为通俗的方法进行简单的提示。

……

关于H5，也就是题主所述HTML5，

实际是一种规范、而并非工具，因此

H5并不存在工作原理，

只是对浏览器所应实现的功能效果及标准进行了统一表述，

实际的“工作原理”由各浏览器开发商来研发并实现。

……

FLASH也是一种规范，

主要是针对数据的压缩及解压缩；

只是我们通常也将

实现FLASH标准的成品文档（比如swf）

或者设计或制作FLASH产品的工具（比如adobe-flash）

概称为FLASH。

……

而HTML是针对数据文本化的一种规范，

广义上的称谓“HTML”包括

HTML文本规范、

HTML文本文档、

HTML文件、

HTML编辑工具及软件等。

……

H5、HTML、FLASH是完全不同的三个领域的规范，

但是其相同之处在于都是相应领域的数据规范，

而且这三者都是主要应用于计算机前端交互设计；

而三者所流行的时代恰恰代表了互联网发展的历史里程碑。

……

如有更多疑问欢迎追问，或者在新开问题中邀请我回答。

Q2: h5页面设计的原理是什么？

1、h5页面设计的原理——在代码中实现

设计人员创建了一个很好的层图，包括PSD文件、PNG剪贴图、适当的文件、MP3音频文件、视频文件等等，并将它们与他们的前端工程师同事打包在一起，由他们专门将它们放在服务器上。在代码编辑方面，元素被合并到我们通常看到的H5 web页面中。前端也是H5的最终执行者。它们对恢复设计非常重要。一个好的前端往往决定了一个作品的最终命运。前端工程师可以说是设计师最好的行业导师。我们必须虚心向他们学习网络编码技术。

整个H5页面将被推到互联网后，代码编辑和测试。有时，前端工程师的工作量远远高于设计，这取决于项目的形式和难度。

2、h5页面设计的原理——没有代码实现

没有代码并不意味着你不需要前端工程师，但现在互联网上有很多H5页面生成工具，以网站的形式，命名为第三方平台，由大量的工程师开发，以帮助没有前端资源的设计师。您可以将设计好的数据上传到第三方平台的服务器上，自己编辑发布。这个过程不涉及程序员，可以节省大量的人力成本，而且简单快捷。但缺点是平台功能单一，效果有限。它通常以幻灯片的形式出现。工程师生成的H5页面可以定制。现在市场上有很多这样的平台。

无论是第三方网站设计工具，还是诞生于H5的前端工程师，都需要h5页面设计的原理。与前端工程师的沟通应该从设计开始就开始。尽量避免所有设计都做得好，前端无法实现的尴尬局面。所以设计师和前端工程师之间的沟通是非常重要的。后续将会有更多关于ui设计中各个分类的设计技巧与资讯，可以点击本站的其他文章进行学习。