¿Qué es la caché de la aplicación en HTML5?

La caché de aplicaciones HTML5 (AppCache) es un mecanismo que permitía a las aplicaciones web funcionar en modo offline, cargando recursos (HTML, CSS, JS, imágenes) en la caché local del navegador.

Componentes principales de AppCache:

Archivo de manifiesto (Manifest File): Un archivo de texto con extensión .appcache, que enumera los recursos necesarios para que la aplicación funcione en modo offline. Se especifica en el atributo manifest de la etiqueta <html>.
```
<html manifest="example.appcache">
...
</html>
```
Secciones del manifiesto:
- CACHE MANIFEST: La primera línea obligatoria.
- CACHE:: Lista de recursos que deben ser almacenados en caché explícitamente.
- NETWORK:: Recursos que siempre requieren acceso a la red (por ejemplo, API). Por defecto, todo lo que no esté en CACHE y FALLBACK requiere red.
- FALLBACK:: Reglas para definir recursos de respaldo en caso de que los recursos principales no estén disponibles (por ejemplo, una página offline).
Ciclo de vida: AppCache tiene un ciclo de vida complejo, que incluye cargar el manifiesto, comparar versiones, descargar recursos y activar la nueva caché.

Ventajas:

Acceso offline a la aplicación.
Aceleración de la carga para usuarios recurrentes.

Desventajas:

Complejidad en la gestión y actualización de la caché ("caché colgado").
Menos flexible en comparación con Service Workers.

Estado actual: AppCache ha sido declarado obsoleto (deprecated) y se elimina gradualmente de los navegadores. Para implementar funcionalidades offline y caché de recursos, se recomienda usar Service Workers.