5 cosas que puedes hacer con HTML Meta Tag

Meta Tag se usa para almacenar una información en una página web . Básicamente, es información sobre datos. Su propósito es que los navegadores y los motores de búsqueda comprendan y conozcan mejor la página.

Como desarrolladores web, estamos acostumbrados a configurar la descripción de la página, el autor o la palabra clave a través de la metaetiqueta. Sin embargo, hay una cantidad de capacidades de metaetiquetas que la mayoría de nosotros probablemente no conocemos. Aquí he reunido 5 características de etiquetas meta de las que es posible que no haya oído hablar antes .

1. Control de la memoria caché del navegador

Cuando visitas una página web, almacena la página web en caché para que se cargue más rápido en visitas posteriores. Es posible que haya encontrado una instancia en la que su página no se actualiza con los cambios que ha realizado . Esto se debe a que el navegador muestra la página almacenada en caché. Para evitar esto, puede deshabilitar la memoria caché del navegador mediante la metaetiqueta. Para deshabilitar la memoria caché del navegador, puede usar:

Esta metaetiqueta se reconoce en Firefox, Chrome e Internet Explorer. Aún más en IE, donde puede usar más valores y especificaciones para deshabilitar el almacenamiento en caché, de la siguiente manera.

También puede establecer una fecha de vencimiento para asegurarse de que el navegador muestre el archivo actualizado desde el servidor, en lugar de desde el caché .

Los metadatos anteriores significan que el documento se considera caducado después de la fecha y hora especificadas. Si lo configura en " 0 ", el navegador buscará un nuevo documento en cada visita.

2. Configuración de cookies

De manera similar a la memoria caché, las cookies son una pequeña porción de datos que los sitios web que usted ha visitado almacenan en el navegador . Los sitios web pueden reutilizar las cookies para adaptar algunas funciones del sitio web. Un verdadero ejemplo cotidiano es cuando compra en una tienda en línea. Si ha agregado algunos artículos a la cesta, mientras no los haya sacado, los artículos permanecerán en la cesta aunque haya salido del navegador durante varios días.

Para establecer cookies en la metaetiqueta, puede usar:

name=data es el nombre de las cookies que determina los valores establecidos en él. path es la ruta del documento. Mientras que, el valor de expired indica la hora y la fecha cuando se eliminan las cookies de su computadora. Si deja la fecha de vencimiento vacía, las cookies se eliminarán una vez que salga del navegador.

Como ejemplo, si queremos que las cookies caduquen el 31 de enero de 2015, podemos establecer:

3. Actualización de páginas web

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

A continuación, puede ver que el navegador actualiza automáticamente la página.

4. Redirigir

También podemos usar la metaetiqueta de refresh para redirigir una página a un destino específico. El siguiente ejemplo nos llevará a example.com después de ver la página durante 5 segundos.

Puedes verlo en vivo a continuación.

Para redirigir la página de inmediato, configúrela a 0, de la siguiente manera:

5. Transición de página

También puede aplicar transiciones a sus páginas web con meta-tag de forma similar a PowerPoint. La sintaxis de la transición de página con metaetiqueta se ve a continuación:

Tenga en cuenta que esto solo funciona en Internet Explorer antiguo, ya que page-enter page-exit son especificaciones de etiqueta meta de propiedad de Microsoft. Puede especificar cuánto tiempo se ejecutará la transición para usar la duration . La Transition debe completar con un número / entero entre 0 y 23 que se refiere al tipo de transición proporcionado por Microsoft. Mientras, es otro valor que viene sin un tipo de transición.

15 titulares de claves creativas para mantener sus claves organizadas

Imagina esto. Has llegado a tu casa y empiezas a cavar en todas partes, pero parece que no puedes encontrarlas. Sí, has perdido tus llaves de nuevo. Aquí es donde un keyholder sería útil. Un titular de llave no solo es extremadamente conveniente sino que también es necesario. Después de todo, no querrías que tus llaves arañaran tu teléfono ¿verdad?En lugar

(Consejos de tecnología y diseño)

10 mini computadoras de bolsillo pero potentes

Nuestras actividades diarias están tan impulsadas por nuestras computadoras y dispositivos móviles que era solo cuestión de tiempo antes de que aparecieran las mini PC. Al igual que sus contrapartes más grandes, de la vieja escuela, estas mini computadoras llevan procesadores, sistemas operativos, memoria RAM e incluso medios de almacenamiento, pero solo necesitan una fracción del suministro de energía para funcionar, y también una fracción del precio que poseen.También

(Consejos de tecnología y diseño)