viernes, 16 de noviembre de 2012

Manifiesto HTML5 (Cachear una pagina sin conexión a Internet )




Sin conexión a Internet es una de las Opciones del HTML5 .
anteriormente dependía del navegador  y no de lenguaje de programación el   cache de  las paginas que en la mayoría de los casos  fallaba y no devolvía el cache correctamente . Navegación affline es tomada en cuenta por la nueva tecnología del HTML5 consiguiendo  recordar web sin conexión   y conectar el cache manualmente.  Esto  es algo que podemos hacer  con dos documentos conectados el uno al otro  .
(. html )  y otro  ( .cache)


empezaremos con el HTML

En la primera etiqueta <html> se declara el documento que el navegador  cacheara osea el nombre del documento que visualizara en caso de no encontrar la conexión



<!DOCTYPE HTML>
<html manifest="manifiesto.c">       indicando el nombre del archivo.cache  en este caso .c que vendría a ser       
<body>                                             lo mismo

</body>
</html>




y

el   manifiesto.cache  o manifiesto.c






# Manifiesto v1.0                                                                 Declaración del manifiesto                                                       
# Mi web tiene ahora un Manifiesto                                      Comentario 


CACHE MANIFEST                                                          indexar  todas las paginas que serán   
manifiesto.html                                                                       visibles sin conexión .
estilo.css
images/imagen.png
acripts /miscript.js



NETWORK:                                                                          aquí irán todos los archivos en php 
log.php
visitas.php



FALLBACK:
                                                                                              Por si acaso fallara   CACHE MANIFEST  manifiestos.html                                                                        vendrá a buscar aquí el documento a
estilo.css                                                                                   trabajar sin conexión. 
images/emagen.png
acripts /miscript.js




------------------------------------------------------------------------------------------------

En resumen esto es lo que colocaras en tu archivo.html


<!DOCTYPE HTML>
<html manifest="manifiesto.c">              
<body>                                            

</body>
</html>



------------------------------------------------------------------------------------------------------
y esto es el archivo.cache


CACHE MANIFEST                                                          
manifiesto.html                                                                      
estilo.css
images/imagen.png
acripts /miscript.js



NETWORK:                                                                      
log.php
visitas.php



FALLBACK:
 manifiestos.html                                                                      
estilo.css                                                                                   
images/emagen.png
acripts /miscript.js




-----------------------------------------------------------------------------------------------------------


Podemos crear un manifiesto para todas la paginas web que engloben el contenido  interno o un manifiesto para cada una  de las paginas del sitio .



Puede que te  interese .

Microdatos .

Canvas.
Nota adhesiva ,audio vídeo.