Gestire Collegamenti tra Pagine HTML in un Sito Web

Questo video accompagna la guida Gestire Collegamenti tra Pagine HTML in un Sito Web e riprende i passaggi principali con una spiegazione più diretta e visuale.

Sintesi del video

Questo articolo esplora come gestire i collegamenti tra pagine HTML usando percorsi relativi e assoluti. I percorsi relativi sono ideali per collegare pagine all’interno dello stesso sito, mentre i percorsi assoluti includono l’intero URL e sono utili per risorse esterne. I percorsi relativi offrono flessibilità e richiedono meno aggiornamenti, mentre i percorsi assoluti garantiscono collegamenti stabili ma possono necessitare modifiche se il dominio cambia.

Punti trattati

• Collegamenti tra Pagine dello Stesso Sito
• Collegamento a pagina sullo stesso livello
• Collegamento a pagina in sottocartella
• Collegamento a pagina in cartella di livello superiore
• Collegamenti con Percorsi Assoluti

Testo di supporto

Nel precedente articolo, Inserire Collegamenti Ipertestuali in HTML5, abbiamo esplorato come inserire collegamenti ipertestuali in HTML5 per creare link a risorse esterne e interne. In questo articolo, approfondiremo come gestire i collegamenti tra pagine HTML all’interno di un sito web, un aspetto fondamentale per creare una navigazione fluida e intuitiva.

Per collegare pagine HTML diverse, all’interno dello stesso sito, utilizziamo i percorsi relativi. I percorsi relativi puntano a pagine che si trovano all’interno della stessa struttura di cartelle del sito. I percorsi relativi partono sempre dal file caricato nel browser.

Supponiamo di voler collegare una pagina html memorizzata allo stesso livello della pagina corrente. Se le due pagine si trovano nella stessa cartella, possiamo semplicemente usare il nome del file:

Supponiamo invece che il file da aprire sia memorizzato in una sottocartella; ad esempio consideriamo la seguente alberatura:

In questo caso dobbiamo specificare il percorso completo dal file caricato al file che si intende collegare:

Se la pagina collegata si trova in una cartella superiore rispetto alla pagina corrente, usiamo ../ per indicare il passaggio a un livello superiore. Supponiamo di avere la seguente struttura di cartelle e file:

I percorsi assoluti includono l’intero URL della pagina di destinazione e vengono utilizzati quando si desidera collegarsi a una risorsa esterna o quando si vuole specificare un URL completo. A differenza dei percorsi relativi, i percorsi assoluti non dipendono dalla posizione del file corrente.

Questo tipo di collegamento è utile quando si collegano risorse che si trovano su un dominio diverso o su una sezione completamente separata del sito web. Tuttavia, può risultare meno flessibile rispetto ai percorsi relativi, poiché un cambiamento di dominio o di struttura del sito richiederebbe l’aggiornamento manuale di tutti i collegamenti assoluti.

Approfondimento scritto

Per comandi, esempi e passaggi completi puoi leggere l’articolo collegato: Gestire Collegamenti tra Pagine HTML in un Sito Web .