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?
- Solicitud: Tu navegador envía una solicitud HTTP al servidor que aloja la URL de destino.
- Respuesta: El servidor devuelve el documento HTML (y los activos asociados como CSS, JS, imágenes).
- 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.
- ·¿Qué hace un diseñador web? Rol, habilidades y perspectivas laborales
- ·Mejores sitios web no bloqueados para la escuela y el trabajo: juegos, streaming y más
- ·Dónde encontrar zapatos Footprints con descuento: Mejores sitios web para ofertas
- ·Los mejores sitios web para niñas de 10 años: opciones educativas, creativas y sociales seguras
- ·Rangos de Precio de Lectores de Huellas Dactilares
- ·Cómo Escribir un Artículo en Formato IEEE sobre Hacking Ético: Estructura y Plantilla
- ·Dónde Comprar Cuadernos Espiral: Guía Completa de Fuentes
- ·Qué Define a un Diseñador Web Top en India
- Mejores Sitios PTC y GPT para Ingresos Extra: Lista Legítima 2024
- ¿Se puede copiar contenido de esta web? (La IA no accede a sitios externos)
- Mejores Webs Gratuitas para Aprender Diseño y Desarrollo Web
- Cómo eliminar sugerencias no deseadas de la barra de búsqueda de Google
- 3 formas de crear un sitio web: Constructores estáticos, CMS o código personalizado — ¿cuál te conviene?
- Dónde comprar proyectores móviles: Comparativa de principales minoristas
