Skip to main content

I percorsi dei file assoluti e relativi

HTML5 Base - 4.3 - Percorsi assoluti e relativi (Giugno 2025)

HTML5 Base - 4.3 - Percorsi assoluti e relativi (Giugno 2025)
Anonim

Nessun aspetto del web design è più incentrato sul web rispetto ai collegamenti ipertestuali (comunemente chiamati semplicemente come link ). La possibilità di creare un collegamento su una pagina e consentire ai lettori di accedere facilmente ad altri contenuti è uno dei tratti distintivi che distingue i siti Web da altri mezzi di comunicazione come la stampa o i mezzi di trasmissione.

Questi collegamenti sono facili da aggiungere a una pagina e possono essere ad altre pagine Web, sul tuo sito o altrove sul Web. Puoi anche avere collegamenti ad altre risorse, come immagini, video o documenti. Eppure, come i link da aggiungere, sono anche uno degli elementi che molti nuovi web designer faticano a capire all'inizio, soprattutto in termini di concetto dei percorsi dei file e di cosa significhi un percorso assoluto rispetto a un percorso relativo, nonché quando uno è usato al posto dell'altro.

In ognuna delle istanze dei collegamenti descritte sopra, è necessario considerare in che modo ti connetteresti a quelle varie pagine o risorse dal tuo sito. In particolare, è necessario decidere quale tipo di percorso URL si scriverà. Nel web design ci sono due modi standard per creare collegamenti e due tipi di percorsi che è possibile utilizzare:

  • Percorsi assoluti
  • Percorsi relativi

URL percorso assoluto

I percorsi assoluti utilizzano gli URL che fanno riferimento a una posizione molto specifica su Internet. Questi percorsi includeranno un nome di dominio come parte del percorso di collegamento stesso. Un esempio del percorso assoluto di questa pagina Web è:

https://www.Go-Travels.com/web-typography-101-3470009

In genere si tratta di un percorso assoluto quando si desidera puntare a elementi Web che si trovano su un dominio diverso dal proprio. Ad esempio, se volessi collegarmi a una pagina su un altro sito qui, avrei bisogno di includere l'URL completo per quel link poiché sto lasciando un dominio (webdesign.Go-Travels.com) per andare a un altro. Quel collegamento aggiungerebbe semplicemente l'elemento all'interno della pagina con l'URL utilizzato come valore dell'attributo "href" per quel collegamento.

Quindi, se stai collegando tutto ciò che è "off site" dal tuo, dovrai utilizzare un percorso assoluto, ma per quanto riguarda le pagine o le risorse sul tuo dominio? È possibile utilizzare effettivamente percorsi assoluti anche se si collega alle pagine del proprio sito, ma non è necessario e, a seconda del proprio ambiente di sviluppo, i percorsi assoluti potrebbero causare problemi.

Ad esempio, se si dispone di un ambiente di sviluppo che si utilizza durante la creazione di un sito Web e si codificano tutti gli URL assolutamente per quell'URL, allora tutti dovranno essere modificati quando il sito verrà pubblicato. Per evitare questo problema, i percorsi dei file per qualsiasi risorsa locale devono utilizzare Percorsi relativi.

URL del percorso relativo

I percorsi relativi cambiano a seconda della pagina in cui si trovano i collegamenti - sono relativi alla pagina che sono uno (da cui il nome). Se stai collegando una pagina sul tuo sito o un'immagine all'interno di una directory "images" su quel sito, un percorso relativo è quello che probabilmente userai. I percorsi relativi non utilizzano l'URL completo di una pagina, a differenza dei percorsi assoluti che abbiamo appena visto.

Esistono diverse regole per creare un collegamento utilizzando il percorso relativo:

  • I collegamenti nella stessa directory della pagina corrente non contengono informazioni sul percorso:

    nome del file

  • Le sottodirectory sono elencate senza alcuna barra precedente:

    settimanale / filename

  • I collegamenti su una directory sono elencati come:

    ../nome del file

Come determinare il percorso relativo

  1. Prima definire l'URL della pagina che si sta modificando. Nel caso dell'articolo di esempio elencato sopra, sarebbe

    https://www.Go-Travels.com/web-typography-101-3470009

  2. / Web-tipografia-101-3470009

Vedrai qui che scriviamo il percorso relativo iniziando quel percorso con una barra (/). Quel personaggio dice al browser di andare alla radice della directory corrente. Da lì, puoi aggiungere tutte le cartelle oi nomi di file necessari per la tua risorsa specifica, eseguendo il drill-down su cartelle e documenti per raggiungere finalmente la risorsa esatta che desideri collegare.

Quindi, in sintesi, se sei collegato fuori dal sito, utilizzerai un percorso assoluto che include il percorso completo a qualsiasi cosa desideri connetterti. Se sei collegato a un file sul dominio in cui si trova la pagina che stai codificando, puoi utilizzare un percorso relativo che essenzialmente naviga dalla pagina in cui ti trovi, attraverso la struttura del file del sito e infine alla risorsa di cui hai bisogno .