• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > HTML 5应用程序缓存使用总结

HTML 5应用程序缓存使用总结

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含HTML 5,应用程序,缓存使用等相关知识,匿名希望在学习及工作中可以帮助到您

近期接触了HTML5本地缓存,在HTML页面的html标签加入后缀为.appcache的文件,即可以轻松地创建 web 应用的离线版本。

使用本地缓存带来的好处:

  • 离线浏览 - 用户可在应用离线时使用它们

  • 速度 - 已缓存资源加载得更快

  • 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。

浏览器支持:

所有主流浏览器均支持应用程序缓存,除了 IE

HTML5 Cache Manifest 实例

下面的例子展示了带有 cache manifest 的 HTML 文档(供离线浏览):

HTML页面

987.jpg

demo.appcache文件

988.jpg

Cache Manifest 基础

如需启用应用程序缓存,请在文档的 <html> 标签中包含 manifest 属性:

<!DOCTYPE HTML><html manifest="demo.appcache">...</html>

每个指定了 manifest 的页面在用户对其访问时都会被缓存。如果未指定 manifest 属性,则页面不会被缓存(除非在 manifest 文件中直接指定了该页面)。

manifest 文件的建议的文件扩展名是:".appcache"。

请注意,manifest 文件需要配置正确的 MIME-type,即 "text/cache-manifest"。必须在 web 服务器上进行配置。

Manifest 文件

manifest 文件是简单的文本文件,它告知浏览器被缓存的内容(以及不缓存的内容)。

manifest 文件可分为三个部分:

  • CACHE MANIFEST - 在此标题下列出的文件将在首

您可能想查找下面的文章:

  • html5新增标签有哪些?html5新增的标签应用
  • HTML5应用:离线的应用以及存储的应用
  • 关于HTML 5的足以改变我们未来生活的十项提示
  • html 5中使用video元素制作一个影片播放器
  • HTML5教程之html 5 本地数据库(Web Sql Database)
  • HTML 5的革新:结构之美
  • HTML 5标签、属性、事件及兼容性速查表
  • HTML 5可以做五件事情 超出你的想象
  • HTML 5离线存储之Web SQL
  • HTML 5基础之HTML 5 API的威力

相关文章

  • 2017-08-06HTML5 canvas基本绘图之填充样式实现
  • 2018-12-03HTML5实现拖拽批量上传文件的代码
  • 2018-12-03[HTML5代码艺术]17行代码的贪吃蛇小游戏
  • 2018-12-03如何用程序解图片迷宫?
  • 2018-12-03H5中画布、拖放事件以及音视频的代码实例
  • 2018-12-03HTML5实现的Loading缓冲效果
  • 2018-12-03小强的HTML5移动开发之路(51)——jquerymobile中改善页面访问速度
  • 2018-12-03HTML5中新标签和常用标签详解_html5教程技巧
  • 2018-12-03让IE9以下版本的浏览器兼容HTML5的方法_html5教程技巧
  • 2018-12-03HTML5 Canvas API速查手册

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • html5实现表单的复选框验证
    • HTML5之SVG 2D入门5—颜色的表示及定义方式_html5教程技巧
    • 会走动的图形html5时钟示例
    • HTML5的结构和语义(3):语义性的块级元素
    • 实例讲解使用HTML5 Canvas绘制阴影效果的方法_html5教程技巧
    • 我想做一个卖电影票的HTML5 请问HTML5需要什么要素?
    • HTML5实践-如何使用css3丰富图片样式的详解(一)
    • Apple为什么不提供手机版官网?
    • HTML5梦幻之旅——炫丽的流星雨效果实现过程_html5教程技巧
    • html5与css3小应用

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有