La Etiqueta HEAD

Etiqueta HEAD description, Uso, Referencias.

El Elemento HEAD funge como un contenedor para los elementos que se encargan de establecen los Meta Datos, tanto informativos como de configuración para el Documento HTML.

Los Meta Datos son los datos del Documento HTML, y es importante notar que estos datos no serán visualizados por el navegador web al usuario, pero si serán leídos para fines de establecer la configuración del documento que ahí se establecen.

La ubicación de este elemento HEAD, debe ser como el primer elemento dentro del contenido del Elemento HTML, esto lo coloca antes del Elemento BODY. es decir, inmediatamente después de la etiqueta <html> y antes de la etiquetas <body>:

<!DOCTYPE html>
<html>
  <head>
    <title>Título del Documento</title>
  </head>
  <body>
    ...
  </body>
</html>

Etiquetas que puede contener

Los siguiente etiquetas pueden ir dentro de la etiqueta <head> y estas etiquetas localizadas aquí, fungen como Elementos HTML para establecer los Meta Datos del Documento HTML:

Etiqueta Descripción
<title> Establece el Título para el Documento HTML.
<style> Establece los estilos para el Documento HTML.
<base> Establece la base para todas las URL relativas del Documento HTML.
<link> Establece la relación entre el Documento HTML y un recurso externo (muy utilizado para vincularlo a las hojas de etilos).
<meta> Establece Meta Datos referentes al Documento HTML.
<script> Especifica el script para el lado-cliente (Navegador Web).
<noscript> Establece contenido alterno para usuarios que no soportan scripts desde su lado-cliente (Navegador Web).
Nota: El término lado-cliente se refiere a que el script se ejecutará del lado del cliente, es decir, en el Navegador Web del Usuario.
Atributo Descripción
lang Establece el idioma del contenido en un Elemento HTML.

Configuración CSS Predeterminada

La mayoría de los navegadores web desplegará el elemento <head> con los siguientes valores por defecto:

head {
  display: none;
}