La sección <head> en HTML
La sección <head> contiene toda la información que el navegador, los motores de búsqueda u otras herramientas necesitan saber sobre la página web — pero no es visible para los visitantes.
El elemento <title>
Esto define el título de la página que se muestra en la pestaña del navegador. También es importante para el SEO, ya que los motores de búsqueda lo utilizan como título de la página en los resultados.
html
<title>My First Website</title>Elementos meta
Los elementos meta contienen metadatos sobre la página, como la codificación de caracteres, descripción o configuraciones móviles. No son visibles para los usuarios, pero son esenciales para el funcionamiento correcto.
html
<meta charset="UTF-8">
<meta name="description" content="Personal blog about HTML learning.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">Enlazar hojas de estilo con <link>
El elemento <link> nos permite adjuntar hojas de estilo externas, como archivos CSS. Es uno de los elementos más usados en <head>.
html
<link rel="stylesheet" href="styles.css">Cargar scripts con <script>
Los archivos JavaScript pueden cargarse usando el elemento <script>. Aunque lo más recomendable es colocarlos al final de la página, a veces es necesario incluirlos en <head>, como para una inicialización temprana.
html
<script src="main.js"></script>Estructura típica de <head>
El siguiente ejemplo muestra un bloque <head> típico, que contiene meta básicos, link, script y el título.
html
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Learning HTML</title>
<link rel="stylesheet" href="style.css">
<script src="main.js"></script>
</head>Buenas prácticas
Usa siempre una codificación de caracteres adecuada (por ejemplo, UTF-8), define el viewport para dispositivos móviles, utiliza títulos informativos y, si es posible, incluye descripciones meta concisas y significativas.
Seleccionar idioma
Establecer tema
© 2025 ReadyTools. Todos los derechos reservados.