lunes, 8 de abril de 2019

Metatags de HTML5

¿Qué es un Metatag?

Son etiquetas que van dentro de la etiqueta HEAD y contienen los metadatos de una archivo HTML (página web)

Aplicaciones de los Metatags


  • Definir el cotejamiento de caracteres para la página HTML, permite por ejemplo la escritura de la letra eñe y las tildes.
<head>
   <meta charset="UTF-8">
</head>
  • Definir palabras clave para búsquedas a través de motores de búsqueda.
<head>
   <meta name="keywords" content="HTML5, metatags, meta">
</head>
  • Agregar una descripción a una página web, especialmente útil para que la página sea accesible para personas con dificultades visuales.
<head>
   <meta name="description" content="Página para describir la etiqueta meta">
</head>
  • Definir el autor de la página

<head>
   <meta name="author" content="Jhon Paul">
</head>
  • Refrescar o recargar la pagina automáticamente, el valor está en segundos. Para el ejemplo 180 equivale a 3 minutos.
<head>
   <meta http-equiv="refresh" content="180">
</head>
  • Definir el aspecto de la página para diversos dispositivos, especialmente útil para aplicar Responsive Desgin
<head>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

No hay comentarios:

Publicar un comentario