在 HTML5 中，提供了一种本地离线存储的机制，即应用程序缓存（Application Cache）。通过应用程序缓存，可以使 Web 应用程序在离线状态下继续访问，并提高应用程序的加载速度和性能。以下是应用程序缓存的基本工作原理和使用方法：
manifest 属性来引用清单文件。通过应用程序缓存，可以实现简单的本地离线存储，提高 Web 应用程序的性能和用户体验。但需要注意的是，应用程序缓存并不适用于动态内容，且在使用过程中需要谨慎处理缓存策略，避免出现意外问题。
创建清单文件（例如 example.appcache）并在其中列出需要缓存的资源，示例内容如下：
- CACHE MANIFEST
- # 版本号
- # comment
- /css/styles.css
- /js/script.js
- /images/logo.png
-
- NETWORK:
- *
2.在 HTML 文件中引用清单文件：
- html>
- <html manifest="example.appcache">
- <head>
- <title>Offline Web Apptitle>
- head>
- <body>
- body>
- html>
配置 Web 服务器以正确传送清单文件的 MIME 类型为 text/cache-manifest。
在清单文件中更新资源列表时，需要更改清单文件本身，或者通过 JavaScript 动态更新清单文件来触发浏览器重新加载缓存。