Ejemplo
Describir los metadatos dentro de un documento HTML:
<head>
<meta charset="UTF-8">
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
</head>
Inténtalo tú mismo " Definición y Uso
Los metadatos son datos (información) sobre los datos.
La <meta> etiqueta proporciona metadatos sobre el documento HTML. Los metadatos no se mostrará en la página, pero estará máquina apta para su procesamiento.
metaelementos se utilizan normalmente para especificar descripción de páginas, palabras clave, autor del documento, modificada por última vez, y otros metadatos.
Los metadatos pueden ser utilizados por los navegadores (cómo mostrar contenido o recarga de la página), los motores de búsqueda (palabras clave), u otros servicios web.
Soporte para el navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <meta> | Sí | Sí | Sí | Sí | Sí |
Notas y sugerencias
Nota: <meta> etiquetas siempre van dentro de la <head> elemento.
Nota: Los metadatos siempre se pasa como pares de nombre / valor.
Nota: El content atributo deberá ser definido si el nombre o el http-equiv se define atributo.Si no se define ninguna de ellas, el content no se puede definir atributos.
Diferencias entre HTML 4.01 y HTML5
El scheme atributo no es compatible con HTML5.
HTML5 tiene un nuevo atributo, charset, que hace más fácil para definir charset:
- HTML 4.01: <meta http-equiv="content-type" content="text/html; charset=UTF-8">
- HTML5: <meta charset="UTF-8">
Diferencias entre HTML y XHTML
En el HTML <meta> etiqueta tiene ninguna etiqueta final.
En XHTML del <meta> etiqueta debe estar debidamente cerrado.
Ejemplos
Ejemplo 1 - Definición de palabras clave para los motores de búsqueda:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
Ejemplo 2 - Definir una descripción de su página web:
<meta name="description" content="Free Web tutorials on HTML and CSS">
Ejemplo 3 - Definir el autor de una página:
<meta name="author" content="Hege Refsnes">
Ejemplo 4 - Actualizar el documento cada 30 segundos:
<meta http-equiv="refresh" content="30">
atributos
= Nuevo en HTML5.
| Atributo | Valor | Descripción |
|---|---|---|
| charset | character_set | Especifica la codificación de caracteres para el documento HTML |
| content | text | Da el valor asociado con el http-equiv o name atributo |
| http-equiv | content-type default-style refresh | Proporciona una cabecera HTTP de la información / valor del content atributo |
| name | application-name author description generator keywords | Especifica un nombre para los metadatos |
| scheme | format/URI | No se admite en HTML5. Especifica un esquema que se utilizará para interpretar el valor del content atributo |
Los atributos globales
La <meta> etiqueta también es compatible con el de los atributos globales en HTML .
Páginas relacionadas
Tutorial de HTML: HTML Cabeza
Referencia HTML DOM: Meta Object
Ajustes por defecto CSS
Ninguna.