HTML5的缓存机制允许指定文件列表被缓存到客户端，以减少网络通信并支持离线应用。通过创建.appcache文件列出要缓存的资源，如NETWORK和FALLBACK部分用于定义不缓存的内容和备用资源。缓存更新依赖于缓存清单文件的变化，如果内容变更但清单未改，客户端不会更新。可通过修改清单文件的注释版号迫使客户端更新，更新通常在下次访问时生效，可借助Application API精确控制。
通过指定HTML文件的缓存文件列表，就可以使客户端缓存列表中的文件到本地，这一特性可以减少不必要的通信访问，甚至可以开发离线使用的web应用程序。下面是一个简单的例子。在HTML中指定缓存列表文件后缀为appcache，但其实并没有规定特定的拓展名，但为了清楚文件的用途，推荐使用.appcache
cache.html
<!DOCTYPE html>
<html manifest="sample.appcache">
<head>
<meta charset="UTF-8">
<title>test cache</title>
<link rel="stylesheet" href="cache.css">
</head>
<body>
<h1>Cache Sample</h1>
<img src="t.png" alt="">
<script src="cache.js"></script>
</body>
</html>sample.appcache
CACHE MANIFEST
# revision 1
CACHE:
./cache.js
./cache.css
./t.png第一行必须是CACHE MANIFEST，以#开始的行为注释 ，从CACHE: 开始其后内容为自动缓存的内容
最低0.47元/天 解锁文章
扫一扫
127
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
