Come le pagine web sono collegate tra loro: la meccanica dell'ipertesto
Il World Wide Web è costruito su un concetto semplice ma rivoluzionario: l'ipertesto. Questo sistema di documenti interconnessi, collegati tramite riferimenti cliccabili, permette agli utenti di navigare senza soluzione di continuità attraverso internet.
Il mattone: l'iperlink (tag Anchor)
Ogni link è un elemento HTML `` (ancora) con un attributo `href` che specifica l'URL di destinazione.
<a href="https://www.example.com">Clicca qui per visitare Example</a>Il testo tra i tag ("Clicca qui per visitare Example") è il link visibile e cliccabile (testo ancorato).
Due tipi di link
Link assoluti
Specificano l'URL completo, incluso protocollo (`https://`) e dominio. Funzionano da qualsiasi luogo.
https://www.example.com/about.html Link relativi
Specificano il percorso relativo alla posizione della pagina corrente. Sono più brevi e rendono i siti portabili.
- Stessa cartella: `
about.html` - Sottocartella: `
blog/post.html` - Cartella genitore: `
../index.html`
Cosa succede quando clicchi un link?
- Richiesta: Il tuo browser invia una richiesta HTTP al server che ospita l'URL di destinazione.
- Risposta: Il server restituisce il documento HTML (e asset associati come CSS, JS, immagini).
- Rendering: Il browser analizza l'HTML, costruisce il DOM, applica stili, esegue script e visualizza la pagina.
Oltre la semplice navigazione
I link alimentano anche:
- Identificatori di frammento (`#section`) per salti all'interno della pagina.
- Gestori di protocollo (`mailto:`, `tel:`, `sms:`) per lanciare app esterne.
- Attributi di download per forzare il salvataggio di file.
L'ipertesto rimane l'architettura definitiva del web: uno spazio informativo decentralizzato, guidato dall'utente, dove ogni documento è un potenziale accesso a un altro.