HTML5 Application Cache (AppCache) Cheat Sheet

[!WARNING] HTML5 Application Cache (AppCache) is obsolete and has been removed from modern web standards. Modern progressive web apps use the Service Worker API and Cache API instead.

Manifest Format

CACHE MANIFEST
# version 1.0.0

CACHE:
/assets/app.js
/assets/styles.css
/assets/logo.png

NETWORK:
*

FALLBACK:
/ /offline.html

---

Manifest Sections

• CACHE: List of URIs to be explicitly downloaded and cached for offline use.
• NETWORK: Whitelist of resources that require a live network connection (use * for all others).
• FALLBACK: Fallback page pairs [online_path] [fallback_path] displayed when resources are unreachable.

---

HTML Integration

<!DOCTYPE html>
<html manifest="example.appcache">
  <head>
    <title>Offline App</title>
  </head>
  <body>
    ...
  </body>
</html>

---

References

• MDN: Service Worker API (Modern Alternative)
• MDN: Using the Application Cache (Archival)