Una de las muchas ventajas de HTML5 es que viene con la posibilidad de incorporar un Drag and Drop de manera relativamente sencilla, sin necesidad de usar librerías externas. Lo único necesario es saber un poco de eventos de JavaScript. Antes de continuar os aviso de que en ciertos navegadores …
Si quieres actualizar el appcache de un usuario, cambiar un archivo no será suficiente. El navegador comprueba actualizaciones de los archivos en el appcache del usuario si el archivo de manifiesto cambia. Cambiar el archivo de manifiesto no quiere decir tener que agregar otra página al cache o cambiar el …
HTML5 ofrece la posibilidad de que una aplicación web funcione incluso en modo offline. Para conseguir esto se emplea el application caching. Algunas de las ventajas del application caching serían: Los usuarios puedan navegar el sitio sin conexión, ya antes mencionado. Incremento en el rendimiento ya que los archivos al …
Unas de las novedades de HTML5 es la inclusión de 2 APIs referidas al almacenamiento local de datos: sessionStorage, que almacena los datos hasta que finaliza la sesión/instancia del navegador, y localStorage que almacena los datos para «siempre» (hasta que el código o el usuario lo borre). Los datos almacenados …
W3C proporciona una API de geolocalización que permite acceder a la localización geográfica asociada a una navegador web. Este post va a ser el comienzo de una serie que consistirá saber cómo acceder a esta API y cómo obtener los datos para luego usarla en librerías de terceros como podría …
En el post anterior enseñé cómo obtener los valores de los microdatos. En esta ocasión me enfocaré a cómo modificar datos personalizados ya sea tanto con la API como con JavaScript. Seguiré con el mismo ejemplo del post anterior
|
1 2 3 4 5 6 7 |
<ul> <li data-estreno="1985" data-director="Robert Zemeckis" data-genero="Ciencia ficción">Regreso al futuro</li> <li data-estreno="1994" data-director="Robert Zemeckis" data-genero="Comedia dramática">Forrest Gump</li> <li data-estreno="1997" data-director="James Cameron" data-genero="Drama">Titanic</li> <li data-estreno="1994" data-director="Steven Spielberg" data-genero="Drama histórico">La lista de Schindler</li> </ul> <p></p> |
En este post explicaré cómo acceder a datos personalizados mediante JavaScript. Con la introducción de los micodatos, HTML5 tiene una API que define el DOM de datasets o conjunto de datos. Esto ayudaría a filtrar datos en el lado del cliente sin necesidad de hacer una llamada al servidor. Pondré …
Es posible que los datos predefinidos por schema.org no te sean suficientes y precises añadir información adicional. Los datos personalizados ademas de aportar información se podrían manejar con javaScript o CSS para otros fines. Hay que tener en cuenta que dicha información no es visible por el usuario. Cómo usarlos …
En este post explicaré como usar schema.org para los microdatos. Te permitirá añadir significado al contenido de tu web para que los buscadores puedan extrapolar la información. Como comenté en el post anterior, schema.org es una alternativa a la microdata o RDFa creada por Google, Microsoft y Yahoo! con el …
Los microdatos se usan para proporcionar un contexto al contenido de una página web. W3C creó el RDFa para usar atributos existentes (y nuevos) de XHTML para proporcionar una estructura de datos legible para una máquina. HTML5 renueva los microdatos al no abusar de los atributos rel y class y …