PIXEL FACEBOOK
logo-blanco

5 Útiles Funciones Que Brindan Las Etiquetas Meta En HTML

etiquetas html

Lo que vas a encontrar...

etiquetas meta html5Las etiquetas Meta en HTML son una parte fundamental en todo sitio web, ya que estas se utilizan para almacenar información importante sobre el contenido y características del sitio. El propósito de estas es dar a los navegadores y motores de búsqueda la información necesaria para entender y conocer la página de de mejor manera.

Como desarrolladores web, estamos acostumbrados a establecer la descripción de la página, el autor o la palabra clave a través de algunas etiquetas meta. Sin embargo, existe una serie de funciones útiles a usar con las etiquetas meta que la mayoría de desarrolladores no conocen, y deberían conocer. A continuación te compartiré 5 etiquetas meta que deberías usar en el desarrollo web.

1. Browser Control de Caché

Cuando visitas una página web, esta almacena la página web en la caché para que se cargue más rápido en las próximas visitas. Es posible que se presente el caso en que su página no se actualiza con los cambios que hayas realizado. Esto se debe a que el navegador muestra la página en caché. Para impedir esto, puede deshabilitar la caché del navegador utilizando etiqueta meta. Para desactivar la caché del navegador, puede utilizar la siguiente linea:

Esta etiqueta meta se reconoce en Firefox, Chrome e Internet Explorer. Pero en IE, se puede utilizar con más valores y especificaciones para deshabilitar el almacenamiento en caché, de la siguiente manera.

También puedes establecer una fecha de expiración para garantizar que el navegador mostrará el archivo que está fresco desde el servidor, y no el que esta almacenado en la caché, esto lo logras con el siguiente código:

El metadato anterior configura la expiracion del documento, el cual expira después de la fecha y la hora especificadas. Si lo configuras a «0», el navegador buscará un nuevo documento nuevo en cada visita.

2. Configuración De Cookies

Al igual que la caché, las cookies son una pequeña pieza de información que se almacena en el navegador por los sitios web que ha visitado. Estos sitios pueden volver a utilizar las cookies para adaptar algunas funcionalidades del sitio web. Un ejemplo cotidiano es cuando haces compras en una tienda en línea. Si ha añadido un par de artículos a la cesta, siempre y cuando aún no se ha comprobado, los artículos permanecerán en la canasta a pesar de haber dejado el navegador durante varios días sin usar.

Para establecer cookies con etiquetas HTML que puede utilizar:

name=data es el nombre de las cookies que determina los valores establecidos en el mismo. Path es la ruta del documento. Considerando que, el valor de expires indica la hora y la fecha en que las cookies se eliminan de su equipo. Si deja la fecha de expiración vacío, se eliminarán las cookies una vez que salga del navegador. A modo de ejemplo, si queremos que las cookies expiren el 31 de enero 2015 pueda establecer:

3. Refrescar páginas Web

Puede configurar para que una página se actualice después de cierto período. meta http-equiv=»refresh» especifica un retraso en segundos para que el navegador refresque la página automáticamente. La siguiente especificación hará que el navegador vuelva a cargar la página cada 5 segundos.

 

4. Redireccionar

También podemos utilizar una etiqueta meta para redirigir una página a un destino específico. Este siguiente ejemplo nos llevará a example.com después de pasar 5 segundos.

Para redirigir la página de manera instantanea, se debe configurar el tiempo a 0, justo de la siguiente manera:

 

5. Transición entre páginas

También puede aplicar transiciones a las páginas web con las etiquetas meta de una manera que es similar a PowerPoint. La sintaxis para la transición de la página es justo de la siguiente manera:

Ten en cuenta que esto sólo funciona en la antigua versión de Internet Explorer. Puedes especificar el tiempo que la transición tendrá una duración de uso. La transición debe ser ocupado por un número/número entero de 0 a 23, que se refiere al tipo de transición previsto por Microsoft. Considerando que,es otro valor que viene sin un tipo de transición.

Facebook
Twitter
LinkedIn
WhatsApp
  1. Avatar de EstebanEsteban dice:

    Muchas gracias por compartir tus conocimientos,está genial!

Deja una respuesta

Artículos Relacionados

Síguenos