Etiqueta HTML <meta>
La etiqueta <meta> contiene metadatos, los cuales especifican la descripción de la página, palabras clave, autor del documento, etc. Los metadatos son utilizados por navegadores, motores de búsqueda y otros servicios web, y no se muestran en la página web. Un documento web puede contener más de una etiqueta <meta>, pero generalmente, la apariencia física del documento no se ve afectada por ellas.
La etiqueta <meta> se coloca en el <head> elemento.
Debes definir el atributo content si se utilizan los atributos name o http-equiv. El atributo content no se utiliza con el atributo charset.
Sintaxis
La etiqueta <meta> es vacía, lo que significa que no se requiere una etiqueta de cierre. Sin embargo, en XHTML, la etiqueta <meta> debe ser autocierrante (<meta />).
Uso de la etiqueta <meta> con sus diferentes valores
Define la palabra clave para los motores de búsqueda:
Etiqueta HTML <meta>
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">Define la descripción del sitio web:
Etiqueta HTML <meta>
<meta name="description" content="Tutorials on HTML, CSS and PHP">Define el autor de la página:
Etiqueta HTML <meta>
<meta name="author" content="myauthor">Actualiza el documento cada minuto (60 segundos):
Etiqueta HTML <meta>
<meta http-equiv="refresh" content="60">Configura el viewport para que el sitio web se vea bien en todos los dispositivos:
Etiqueta HTML <meta>
<meta name="viewport" content="width=device-width, initial-scale=1.0">Atributos
| Atributo | Valor | Descripción |
|---|---|---|
charset | character_set | Define la codificación de caracteres del documento. |
content | text | Define el valor de los atributos name o http-equiv. |
http-equiv | content-type, default-style, refresh | Define un encabezado de hipertexto (simula el encabezado HTTP) y determina su procesamiento. |
name | application-name, author, description, generator, keywords, scheme | Define el nombre para la etiqueta meta. |
La etiqueta <meta> también admite los Atributos Globales y los Atributos de Eventos.
Práctica
¿Cuál es el propósito de una etiqueta meta en HTML?