El Etiqueta <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>:
Documento HTML Básico:
<!DOCTYPE html>
<html>
<head>
<title>Titulo de la Página</title>
</head>
<body>
<h1>Mi primera página</h1>
<p>Mi primer párrafo</p>
</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> |
La etiqueta <title> define el título del documento HTML, el cual se mostrará en la barra de título del navegador web, es decir, es una etiqueta para los mata datos del 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érminolado-clientese refiere a que el script se ejecutará del lado del cliente, es decir, en el Navegador Web del Usuario.
Atributos Globales HTML
Los Atributos Globales aplican a todas las etiquetas 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;
}