Folha de dicas do HTML5 Application Cache (AppCache)

[!WARNING] O HTML5 Application Cache (AppCache) e obsoleto e foi removido dos padroes web modernos. Aplicacoes web progressivas modernas utilizam a Service Worker API e a Cache API em seu lugar.

Formato do manifesto (Manifest Format)

CACHE MANIFEST
# version 1.0.0

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

NETWORK:
*

FALLBACK:
/ /offline.html

---

Secoes do manifesto (Manifest Sections)

• CACHE: Lista de URIs a serem baixadas e armazenadas em cache explicitamente para uso offline.
• NETWORK: Lista de recursos que exigem conexao de rede ativa (* para todos os outros).
• FALLBACK: Pares de contingencia [caminho_online] [caminho_fallback] exibidos quando recursos falham.

---

Integracao HTML (HTML Integration)

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

---

Referencias relacionadas

• MDN: Service Worker API (Alternativa moderna)
• MDN: Usando o Application Cache (Arquivo)