Sie sind auf Seite 1von 3

Metadatos en HTML5

<head>

El elemento <head> es el encabezado del documento. Provee información general


(metadatos) acerca del documento, como son el título, el autor, hojas de estilo o
enlaces a scripts.

<title>

Define el título del documento, que se mostrará en la barra del navegador o en las
pestañas de la página. Únicamente puede contener texto y debe proporcionar una
corta descripción del contenido del documento:

<base>

El elemento <base> especifica la conducta predeterminada con la que se abrirán


todos los vínculos del documento y la resolución de URIs. Solo puede declararse una
vez en el documento:

<link>

El elemento <link> sirve para enlazar recursos externos como hojas de estilo,
fuentes, iconos, etc. Debe tener obligatoriamente un atributo href (que especifica
la URL del recurso en lazado) y un atributo rel o itemprop (nunca ambos):

<meta>

Define los metadatos que no pueden ser definidos usando otros elementos del <head>.
Puede ser utilizado de tres maneras:

Con el atributo charset: el atributo debe estar solo y tener un valor que indique
la codificación de caracteres que utiliza el documento (UTF-8 es el sistema de
codificación más extendido y con más soporte). Es importante que el meta charset se
coloque justo después de la apertura de la etiqueta <head>:
Con el atributo name: primero se define el elemento con name y luego se le asigna
un contenido con content. Existen varios:
- application-name: el nombre de la aplicación web.

- author: el nombre del autor del documento.

- description: una breve descripción del documento.

- generator: el nombre del programa utilizado para generar el documento


(pueden declararse varias meta para varios generadores).

- keywords: varias palabras clave separadas por coma, que describen el


contenido del documento.

- referrer: es la política de remitentes del documento. Se utiliza para


transmitir información de manera segura: fuerza al
navegador a dejar pasar la información.
Dependiendo del valor que se utilice pasará toda,
parte o ninguna: no-referrer: ninguna información del sitio de origen es
enviada; no-referrer-when-downgrade: enviará la URL a sitios
seguros HTTPS pero no a los HTTP; same-origin: La
URL se envía solo a las peticiones hechas
en el mismo origen; origin: se envía una URL
compuesta por protocolo, servidor y puerto; strict-origin: se envía una
URL compuesta por protocolo, servidor y puerto
únicamente en las peticiones desde sitios
seguros HTTPS a una URL potencialmente
confiable; origin-when-cross-origin: se envía la URL completa en las
peticiones hechas en el mismo origen y una URL compuesta de
protocolo servidor y puerto a peticiones de distintos
orígenes; strict-origin-when- cross-origin: se envía
una URL completa en las peticiones hechas en el
mismo origen y una URL compuesta por protocolo, servidor y puerto es
enviada en peticiones de distintos orígenes, únicamente en
peticiones desde un entorno protegido por TLS
(HTTPS) a una URL potencialmente confiable; unsafe-
url: se envía una URL completa en todas las peticiones.

- theme-color: se utiliza para personalizar el color de la navegación del


usuario.

- robots: para proporcionar instrucciones para la indexación a los robots.


Es posible estipular si una página será indexada (index) o no
(noindex). También se puede establecer si los
robots han de seguir los enlaces salientes
(follow) o si han de ignorarlos (nofollow).

3. Con el atributo http-equiv: pueden contener información equivalente a las


indicaciones en el encabezado HTTP, la cual puede ser leída, por ejemplo, si el
servidor no está configurado como corresponde. Los más importantes son:

- content-type: es una alternativa a la declaración <meta>


con el atributo charset para especificar el conjunto
de caracteres utilizados.

- default-style: cuando hay más de una hoja de estilos en un solo


documento, establece el nombre de la hoja de estilos
predeterminada.

- content-security-policy: impone una Política de Seguridad de Contenido


sobre el documento. Separados por punto y coma puede contener
varios como: script-src (indica qué programas pueden
ser cargados), object- src (qué plugins pueden
ser cargados), font-src (indica qué fuentes
pueden ser cargadas), etc.

- cache-control: para impedir que la web se guarde en el caché del


navegador se utiliza esta meta con el valor no-cache.
- expires: si no queremos prohibir el almacenamiento temporal en caché de
forma absoluta podemos definir una fecha de expiración en
segundos.

- refresh: establece el número de segundos que el navegador debería


esperar antes de redireccionar automáticamente al usuario a
otra página.

<style>

Es una etiqueta usada para escribir CSS en el encabezado del documento:

Das könnte Ihnen auch gefallen