在这篇文章中，我们将展示如何创建乖巧离线的网页和应用程序使用下面的HTML5功能：
成都创新互联自2013年起，是专业互联网技术服务公司，拥有项目成都网站制作、成都网站设计、外贸营销网站建设网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元文昌做网站,已为上家服务,为文昌各地企业和个人服务,联系电话:028-86922220
AppCache本地存储文件资源，离线访问它们作为URL
索引型数据库存储结构化数据在本地，你可以访问和查询它
DOM存储在本地存储少量的文字信息，
离线事件来检测，如果你€ 重新连接到网络
例：随时随地访问数据的离线支持
让我们€™的说，你去购物，从您 最喜爱的食品网站 的配方的打印输出，但是当你€™重新在市场上，你塔卡纳€™吨找到一些关键的成分。
试想一下，当你在家中使用移动PC浏览 食谱网站 ，部分网站会自动下载离线使用。这可以让你把你的手机PC到店，访问该网站，并在市场寻找一个新的配方。 最好的部分 是，你可以做到这一点， 而 被连接到网络。作为一个消费者，您的网站感激，因为它只是工作时，你需要它。
离线的'蛋糕'这个词使用的食谱网站的搜索结果。
作为一个开发者，你可以使这些类型的场景相结合的离线技术： AppCache ，索引型数据库 ， DOM存储 ， WebSockets的 （或 XHR ）。 在探索个人的技术，让我们的探讨的好处。
Metro风格的应用程序和网站，离线技术让你来处理连接故障。想象一下，您的用户填写一个表格，他失去网络连接。您的网站或Metro风格的应用程序应该怎么做呢？连接自由发展的心态可以让您的应用程序是否连接到网络或不正确地独立工作。你的应用程序将正常工作。
在更复杂的情况下，Web站点和应用程序允许用户创建新的内容，并存储新的数据，即使应用程序是完全脱机。试想一下，无缝地工作在脱机状态下，如Outlook今天的Outlook Web Access（OWA）的Hotmail或GMail。
离线技术也可以通过本地缓存的资源服务，预缓存将来信息和转移从云（或网络）到客户端设备的处理能力，提高整体性能。信息越多，你€™重新能够缓存在本地，在本地搜索，并计算在本地服务器和用户的体验将更快，需要更少的资源热转印机 。
有一个Metro风格的应用程序离线工作的期望高于网站的脱机工作。因为他们使用从商店的自我包含的程序包部署，用户希望他们有某种类型的离线功能（如游戏，书籍，食谱等）。即使这些应用程序是无法创建或访问新的内容，以前的内容应该是可见的（例如联系人，会议，饲料，杂志等）。
本地缓存文件资源使用AppCache
AppCache使您能够创建长寿命的本地缓存下载的文件资源，资源可以访问而离线或使用的同时在线，以提高性能。试想一下，一个三岁的孩子使用一台笔记本电脑，下载一个交互式的Web的游戏（KidsBook）从您的家庭网络。如果应用程序的资源存储在本地，孩子可以继续在车上玩游戏，那里没有网络连接。
如果KidsBook使用AppCache，本场比赛将有缓存必要的资源（的JavaScript，HTML，CSS，音频，视频等）时，先下载后从网络上断开时，播放的游戏。这可以让孩子保持愉悦，即使设备本身没有网络连接。
AppCache创作流程。
要看到如何启用互动网页游戏脱机工作，检查出 KidsBook的 IE Test Drive网站 上的例子。
AppCache使用一个manifest文件，以缓存的内容从网站上指定资源的URI。幕后发生后，浏览器显示网页，它允许在清单文件中定义的资源被下载的缓存。这保证了资源下载到本地机器上，作为一个单位在一个事务中，创建一个本地的缓存。如果一个单一的资源下载失败，没有创建高速缓存。要更新存储在缓存中的内容，在您的服务器更新清单文件。当用户下次访问该网站时，浏览器比较明显的服务器上的文件的缓存副本。如果缓存的舱单副本是不同的服务器副本，新版本更新清单文件中定义的内容高速缓存的使用。
AppCache还允许Internet Explorer和Metro风格的应用程序在脱机状态下使用传统的URL的访问缓存的资源。这可以让你在浏览器窗口中键入一个URL，并没有任何网络连接的情况下访问此信息。此外，脱机页可以解决的URI使用本地缓存的信息。代码示例来看看在 HTML5应用程序缓存（“œAppCacheâ） 部分中的 IE10开发人员指南 。
总体而言，AppCache提供了一定的优势HTTP的缓存。HTTP缓存没有吨保证缓存的资源之后将TIF（临时Internet文件）将被清除。此外，HTTP缓存没有€™吨正确地解决在脱机状态下的URL。然而，HTTP缓存可用于优化AppCache的行为，通过指定的缓存资源的生命周期。如果从网站上下载或复制的资源从缓存的本地高速缓存中创建一个新的版本时，这将决定。
Metro风格的应用可以受益于AppCache通过在本地缓存的Web资源的访问的页框，它允许脱机访问的内容。
高速缓存大型本地使用索引型数据库的结构化数据
索引型数据库 是一个本地JavaScript对象存储在本地机器上的数据库，允许快速索引和搜索的对象。前面介绍的 食谱网站， 包括16食谱从父站点中提取的数据库。想象一下，用一个RSS feed，一个WebSocket或XHR连接的，定期更新这个数据库。这将使您的用户能够访问到最新的食谱，即使他们有没有网络连接。
索引型数据库，您可以直接操作和索引的JavaScript对象。使用索引型数据库搜索本地信息的优点是它不会强迫你总是在云中搜索，降低了计算成本。这是假设你€™重新能够维持，是缓存在本地系统中的数据的相关性。
谢谢邀请
大腕互联响站目前有几种网站类型？
大腕互联目前有4个建站类型，分别为企业展示平台、营销推广平台、购物商城平台、分销购物平台。
企业展示平台：企业展示平台是包含内容系统、留言系统功能。主要是为企业、个人进行信息展示宣传使用。
营销推广平台：营销推广平台包含内容系统、留言系统、会员系统、消息系统。此平台可以进行用户数据积累，支持用户注册登录、内容发布更新、留言跟进等功能。
购物电商平台：购物电商平台包含内容系统、购物系统、用户系统、商品系统、留言系统、消息系统、供销系统。此平台可进行售卖商品，做购物平台如天猫、淘宝、京东等平台。
分销购物平台：分销购物平台包含内容系统、购物系统、用户系统、留言系统、商品系统、消息系统、分销系统、供销系统。此平台可进行商品售卖，分销提成功能，主要是进行用户裂变，商品传播裂变。
数据截止时间为2017年4月13日11:00.
基于html5的手机应用有如下：
京东、淘宝等一些购物网站。
很多浏览器的页面都是使用html5的。
使用html5的技术，基于以下考虑：
一些购物网站需要经常更新，为了很多活动，要做很多图标，这样在传统的方式下变得很困难，而使用html5可以很好地避免这个问题，只需要让美工做好导入到webview里面去。
html5的性能会更好，更快的加载速度。
style type="text/css"
sup{
background: red;
color: white;
border-radius: 5px; /*圆角*/
padding: 0px 3px; /*左右边距*/
top: -1em; /*数字离图片右上角的高度*/
}
#shop{
margin-top:10px;
}
/style
div id="shop"
img src="images/1.jpg"/ width="25" height="25"
sup1/sup
/div
第一：h5页面多少钱
首先：h5定制静态页面开发分为三种：1.切换效果，按需定制价格在200-500每页不等； 2.动画效果，按需定制价格在600以上每页不等；3.游戏效果，按需定制价格在3000元每套以上。
第二：h5定制系统功能开发涉及到以下这些：
（1）基本功能：有访问授权，用户基本信息，微信分享功能（1、“分享到朋友圈”按钮点击状态及自定义分享内容接口；2、“分享给朋友”按钮点击状态及自定义分享内容接口；3、“分享”操作确认。）这一部分600-1000可以搞定。
（2）自定义功能：这里谁比较深，也就是一般会有公司直接说多少钱起给你做h5,就是这里面细节的报价一般不让甲方知道。具体有这些：用户列表信息，图片功能(包括调用手机相机和相册)，地址功能，界面操作，语音功能，微信跳转，微信支付，微信卡劵……这些里面后面几个编程耗时会大一些，价格在4000以上每套是正常报价，需要根据需求点来定。
（3）游戏功能：h5游戏制作的话，不能类型差别很大，想转盘，抽奖的游戏可以很容易做下来；而强逻辑的游戏编辑需要10000元以上的成本。这一块有一定门槛，所以这一块的技术难度还是有一些壁垒的。
但是具体的H5开发费用需要一个具体的需求才能报价，有些客户什么都不说或者需求不明确，就想要一个报价，这是一个不现实的问题。