📅 最后修改于: 2023-12-03 15:21:46.288000 🧑 作者: Mango
清单文件（简称清单）是 HTML5 中的一项技术，用于定义网站的离线缓存。通过清单文件，网站开发者可以指定哪些资源需要被缓存以供离线访问，并且能够控制缓存的更新策略。
清单文件是一个以.appcache为扩展名的文本文件。它的语法如下所示：
CACHE MANIFEST
# 版本号
# 用于指示清单文件是否已被更新
# 如果清单文件已被更新，浏览器会重新下载和缓存所有资源
# 可选项，但推荐使用
VERSION 1.0
# 需要被缓存的资源列表
CACHE:
/index.html
/css/styles.css
/js/script.js
/images/logo.png
# 不需要被缓存的资源列表
# 注意，这里指定的资源在缓存被更新时会被清除
NETWORK:
/api/
/login.php
# 如果所有资源都处于离线状态，应该显示的页面
# 可选项，但推荐使用
# 如果此处没有指定页面，离线状态下浏览器将无法访问网站
FALLBACK:
/404.html /offline.html
在上面的示例中，我们定义了一个清单文件，其中：
CACHE MANIFEST是必须的第一行，用于告诉浏览器这是一个清单文件；VERSION是可选的，用于指定清单文件的版本号；CACHE是必须的，用于指定需要被缓存的资源列表；NETWORK是可选的，用于指定不需要被缓存的资源列表；FALLBACK是可选的，用于指定当所有资源都处于离线状态时应该显示的页面。要使用清单文件，只需要在 HTML 文件中加入以下代码：
<html manifest="example.appcache">
<!-- ... -->
</html>
其中，example.appcache是清单文件的 URL 地址。当用户第一次加载网页时，浏览器会下载清单文件和其中所有指定的资源，并缓存它们。当用户离线时，浏览器会使用缓存中的资源来显示网页，并尝试与服务器同步数据，直到缓存被更新。
清单文件是 HTML5 中用于定义网站离线缓存的一项技术，它允许网站开发者控制哪些资源需要被缓存以供离线访问，并且能够控制缓存的更新策略。使用清单文件可以提高网站的可用性和用户体验，尤其是在移动端或网络状况较差的情况下。