在 HTML5 中，浏览器对离线存储资源的管理和加载机制是怎样的？请详细阐述其核心原理。
考察说明
考查对 HTML5 离线存储（Application Cache）工作机制的理解，包括资源清单、缓存更新和加载流程。
回答思路
- 【回答框架 1】HTML5 离线存储主要通过 Application Cache 实现，核心是 manifest 文件（.appcache），它列出了需要缓存的资源，浏览器根据该清单进行缓存和管理。
- 【回答框架 2】首次访问时，浏览器下载 manifest 中列出的所有资源并存入缓存。之后加载页面时，浏览器优先使用缓存资源，并异步检查 manifest 是否更新，若 manifest 内容变化则触发更新流程。
- 【回答框架 3】更新流程：浏览器重新下载 manifest，对比发现变更后，会重新下载所有变更的资源，但当前页面仍使用旧缓存，直到下次加载或手动刷新时才应用新版本。
- 【回答框架 4】加载顺序：浏览器先加载缓存中的资源以快速显示页面，同时后台检查 manifest 更新，若更新成功则替换缓存，下次访问生效。
- 【回答框架 5】管理机制涉及缓存分组：主资源、隐式缓存和动态缓存，浏览器通过 manifest 和 HTTP 缓存头协同工作，但 Application Cache 已被废弃，推荐使用 Service Worker 的 Cache API 实现离线存储。
- 【关键点 1】Application Cache 依赖 manifest 文件，首次访问后资源被缓存。
- 【关键点 2】更新机制：manifest 改变触发资源重新下载，但旧缓存维持到下次访问。
- 【关键点 3】加载顺序：先使用缓存，后台异步更新。
- 【关键点 4】Application Cache 已被废弃，替代方案是 Service Worker。
- 【易错点 1】误以为更新 manifest 后立即生效，实际需二次刷新。
- 【易错点 2】忽略 manifest 文件本身的缓存，导致更新无法被检测。
- 【易错点 3】Application Cache 存在诸多缺陷，如缓存清理困难，不推荐新项目使用。