La tarea es aprender sobre el caché de la aplicación en HTML5. HTML significa HyperText Markup Language y se utiliza para diseñar páginas web utilizando un lenguaje de marcado. HTML5 es actual o también podemos decir que es la 5ª versión de HTML.
Caché de aplicación en HTML5: la versión actual de HTML5 introduce caché de aplicación, lo que significa que una aplicación web se almacena en caché y se puede acceder a ella sin conexión a Internet. Ahora podemos crear una aplicación web sin conexión que se ejecutará sin conexión a Internet simplemente creando un archivo de manifiesto en nuestra aplicación.
Sintaxis:
<html manifest="demo.appcache">
Estructura del archivo HTML: HTML no es más que una etiqueta de elemento que viene después de la etiqueta doctype en la estructura HTML.
HTML
<!DOCTYPE html> <html> <!-- In this element we will add an attribute called manifest attribute--> <head> <title>Page Title</title> </head> <body> <h2>Welcome To GFG</h2> <p>It is a paragraph element</p> </body> </html>
Comprendamos el concepto de caché de aplicaciones con la ayuda de un ejemplo.
Acercarse:
- Cree un archivo HTML con el atributo de manifiesto.
- Cree otro archivo HTML y luego vincúlelo al archivo HTML creado anteriormente.
Ejemplo: El nombre del archivo principal es “index.html”. Primero, se ejecutará el archivo principal y cuando intente abrir la página vinculada, se ejecutará la página siguiente. Después de eso, solo tienes que desconectarte y recargar la página. el contenido de la página seguirá funcionando bien.
HTML
<!DOCTYPE html> <html manifest="demo.appcache"> <body> Welcome to GeeksForGeeks. <p> Try opening <a href="index2.html">this page</a>, then go offline, and reload the page. The content should still work. </p> </body> </html>
HTML
<!DOCTYPE html> <html manifest="demo.appcache"> <body> Welcome to GFG, a computer science portal for geeks. </body> </html>
Producción:
Los usos de la caché de la aplicación son:
- Navegación sin conexión: los usuarios pueden usar la aplicación cuando quieran acceder al sitio cuando están desconectados
- Velocidad: cuando los datos ya están almacenados, es fácil acceder a los datos con mayor velocidad, los recursos almacenados en caché se cargan más rápido que los recursos no almacenados en caché.
- Carga del servidor reducida: el navegador solo descargará recursos actualizados del servidor.
Navegadores compatibles:
- Chrome 4.0 y superior
- Internet 10.0 y superior
- Mozilla Firefox 3.5 y superior
- Ópera 11.5 y superior
- Safari 4.0
Publicación traducida automáticamente
Artículo escrito por abhishekpal97854368 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA