- Published on
Header (<head>) in HTML
- Authors

- Name
- Diego Whiskey
El encabezado en HTML se utiliza para proporcionar información esencial sobre una página web, como su título, vinculación a hojas de estilo, metadatos y enlaces a otros recursos. Aquí te enseñaré todo acerca del encabezado en HTML, que se define dentro del elemento <head> de un documento HTML:
Título de la Página (
<title>): El elemento<title>se utiliza para definir el título de la página, que se muestra en la barra de título del navegador y es importante para la optimización de motores de búsqueda (SEO). Ejemplo:<title>Mi Página Web</title>Metaetiquetas (
<meta>): Las metaetiquetas se utilizan para proporcionar metadatos sobre la página, como la codificación de caracteres, descripción, palabras clave y autor. Un ejemplo de la etiqueta de codificación de caracteres:<meta charset="UTF-8">Enlace a Hojas de Estilo (
<link>): Se utiliza para vincular la página HTML a una hoja de estilo CSS externa. Esto permite aplicar estilos al contenido de la página. Ejemplo:<link rel="stylesheet" type="text/css" href="estilos.css">Favicons (
<link rel="icon">): Para definir el ícono de la página web que se muestra en la pestaña del navegador. Ejemplo:<link rel="icon" href="favicon.ico" type="image/x-icon">Hoja de Estilos Interna (
<style>): Si no deseas vincular una hoja de estilo externa, puedes definir estilos internamente utilizando la etiqueta<style>dentro del encabezado. Ejemplo:<style> body { background-color: #f0f0f0; } </style>JavaScript Externo (
<script>): Para vincular scripts de JavaScript externos a la página. Puedes incluirlos en el encabezado o al final del cuerpo para mejorar el rendimiento de carga de la página. Ejemplo:<script src="script.js"></script>Metadescripción (
<meta name="description">): Proporciona una descripción breve de la página que puede utilizarse en los resultados de búsqueda. Ejemplo:<meta name="description" content="Una descripción breve de la página web">Palabras Clave (
<meta name="keywords">): Define palabras clave relacionadas con la página. Aunque no es tan importante para SEO como solía ser, algunas personas todavía lo utilizan. Ejemplo:<meta name="keywords" content="HTML, CSS, JavaScript, desarrollo web">Autor (
<meta name="author">): Indica el autor de la página. Ejemplo:<meta name="author" content="Tu Nombre">Otros Metadatos Personalizados: Puedes crear tus propios metadatos personalizados para proporcionar información adicional sobre la página según tus necesidades.
El encabezado en HTML es crucial para definir cómo se presenta y se comporta una página web, y también es importante para mejorar su visibilidad en los motores de búsqueda. Cada elemento del encabezado cumple una función específica y contribuye a la experiencia del usuario y al SEO de la página.