Un esempio di percorso assoluto è questo:
c:\Documenti\Mia cartella\immagine.jpg
Vuol dire che da qualunque parte del disco mi trovo (es, nella cartella delle Immagini) io so come arrivare alla jpg, perché so tutto il percorso completo, dalla root (cioè dalla cartella principale, che è C:\) fino al file. Questo però vuole anche dire che se dico al file HTML "cerca l'immagine nella cartella c:\Documenti\Mia cartella\immagine.jpg" poi quando pubblicherò il file HTML di certo non troverà l'immagine, perché sul server io non ho la stessa struttura di cartelle che ho sul pc, anche perché chi mi ospita mi dà una root (cartella principale) che in realtà è parte del disco, di certo non ho libero accesso a C:\ e a tutte le cartelle
Come faccio allora a dire al file HTML dove è la foto? Semplice, uso un percorso "relativo", cioè gli dico dove è il file rispetto a lui. Per prima cosa c'è da notare che in questo caso gli slash (le barre) usate sono quelle dall'altra parte, quindi diventa una cosa tipo /Documenti/Mia cartella/immagine.jpg
Ora però immaginiamo uno struttura di questo tipo
- Codice: Seleziona tutto
/ (root)
│ foto.jpg
│
├───Pagine
│ │ index.htm
│ │ intro.htm
│ │
│ └───sezioni
│ biografia.htm
│
└───Video
└───Divertenti
filmato.avi
Il nostro file di partenza è
index.htm, cioè è al suo interno che dobbiamo scrivere ad esempio un link. Come gli indichiamo il file intro.htm? Sono tutti è due nella stessa cartella, quindi index
non si deve muovere, basta che "si guarda intorno". il link a quel file è il seguente:
<a href="intro.htm">
E se invece volessimo andare a linkare biografia.htm? Allora index dovrebbe
scendere di un livello, cioè entrare nella sottocartella "sezioni" e poi troverebbe il file. Il link allora diventa:
<a href="sezioni/biografia.htm">
E se invece volessimo linkare foto.jpg? Allora dovremmo
salire di un livello, e per farlo basta mettere un ../ per ogni livello in cui dobbiamo risalire:
<a href="../foto.jpg">
E se volessimo linkare filmato.avi? Allora index.htm dovrebbe salire di un livello (arrivando alla root) poi scenderne uno (arrivando a Video) e poi scenderne un altro (arrivando a Divertenti). Il percorso diventa
<a href="../Video/Divertenti/filmato.avi">
Vediamo se hai capito: come sarebbe il link se il file di partenza fosse biografia.htm e volessi linkare foto.jpg?