Cómo se enlazan las páginas web: la mecánica del hipertexto

La World Wide Web se basa en un concepto simple pero revolucionario: el hipertexto. Este sistema de documentos interconectados, vinculados mediante referencias clicables, permite a los usuarios navegar sin problemas a través de Internet.

El bloque de construcción: el hipervínculo (etiqueta de anclaje)

Cada enlace es un elemento HTML `` (ancla) con un atributo `href` que especifica la URL de destino.

<a href="https://www.example.com">Haz clic aquí para visitar Example</a>

El texto entre las etiquetas ("Haz clic aquí para visitar Example") es el enlace visible y clicable (texto de ancla).

Dos tipos de enlaces

Enlaces absolutos

Especifican la URL completa, incluyendo el protocolo (`https://`) y el dominio. Funcionan desde cualquier lugar.

https://www.example.com/about.html

Enlaces relativos

Especifican la ruta relativa a la ubicación de la página actual. Son más cortos y hacen los sitios portátiles.

  • Misma carpeta: `about.html`
  • Subcarpeta: `blog/post.html`
  • Carpeta padre: `../index.html`

¿Qué sucede cuando haces clic en un enlace?

  1. Solicitud: Tu navegador envía una solicitud HTTP al servidor que aloja la URL de destino.
  2. Respuesta: El servidor devuelve el documento HTML (y los activos asociados como CSS, JS, imágenes).
  3. Renderizado: El navegador analiza el HTML, construye el DOM, aplica estilos, ejecuta scripts y muestra la página.

Más allá de la navegación simple

Los enlaces también impulsan:

  • Identificadores de fragmento (`#sección`) para saltos dentro de la página.
  • Controladores de protocolo (`mailto:`, `tel:`, `sms:`) para lanzar aplicaciones externas.
  • Atributos de descarga para forzar la guarda de archivos.

El hipertexto sigue siendo la arquitectura definitoria de la web: un espacio de información descentralizado y guiado por el usuario donde cada documento es una puerta potencial a otro.