Etiquetas HTML
La etiqueta <head> es una de las etiquetas principales de HTML y se utiliza para contener toda la información de encabezado o metadatos de un documento HTML. Estos metadatos no son visibles para los usuarios finales, pero son importantes para los navegadores web y los motores de búsqueda.
La etiqueta <head> es compatible con todos los navegadores modernos, incluyendo Google Chrome, Mozilla Firefox, Microsoft Edge, Safari, Opera, y otros.
Algunos ejemplos de información que se puede incluir en la etiqueta <head> son:
- El título de la página (definido con la etiqueta
<title>) - Vínculos a hojas de estilo CSS externas (definidos con la etiqueta
<link>) - Información sobre la codificación de caracteres del documento (definido con la etiqueta
<meta charset>) - Vínculos a archivos de iconos de la página (definidos con la etiqueta
<link rel="icon">) - Información sobre la vista previa de la página en las redes sociales (definido con las etiquetas
<meta property="og:...">)
Aquí hay un ejemplo básico de cómo se usa la etiqueta <head> en un documento HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Título de la página</title>
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="favicon.ico">
<meta name="description" content="Descripción de la página para los motores de búsqueda.">
<meta property="og:title" content="Título para redes sociales">
<meta property="og:description" content="Descripción para redes sociales">
<meta property="og:image" content="imagen.png">
</head>
<body>
<h1>Este es un encabezado</h1>
<p>Este es un párrafo de ejemplo.</p>
</body>
</html>