Percorsi di file HTML
Un percorso di file descrive la posizione di un file nella struttura delle cartelle di un sito Web.
Esempi di percorsi di file
| Sentiero | Descrizione |
|---|---|
| <img src="immagine.jpg"> | Il file "picture.jpg" si trova nella stessa cartella della pagina corrente |
| <img src="images/picture.jpg"> | Il file "picture.jpg" si trova nella cartella delle immagini nella cartella corrente |
| <img src="/images/picture.jpg"> | Il file "picture.jpg" si trova nella cartella delle immagini nella radice del Web corrente |
| <img src="../picture.jpg"> | Il file "picture.jpg" si trova nella cartella un livello più in alto rispetto alla cartella corrente |
Percorsi di file HTML
Un percorso di file descrive la posizione di un file nella struttura delle cartelle di un sito Web.
I percorsi dei file vengono utilizzati durante il collegamento a file esterni, come:
- pagine web
- immagini
- Fogli di stile
- JavaScript
Percorsi di file assoluti
Un percorso file assoluto è l'URL completo di un file:
Esempio
<img src="https://www.w3schools.com/images/picture.jpg"
alt="Mountain">
Il tag <img> è spiegato nel capitolo: Immagini HTML .
Percorsi file relativi
Un percorso file relativo punta a un file relativo alla pagina corrente.
Nell'esempio seguente, il percorso del file punta a un file nella cartella images situata nella radice del Web corrente:
Esempio
<img src="/images/picture.jpg"
alt="Mountain">
Nell'esempio seguente, il percorso del file punta a un file nella cartella delle immagini situata nella cartella corrente:
Esempio
<img src="images/picture.jpg"
alt="Mountain">
Nell'esempio seguente, il percorso del file punta a un file nella cartella delle immagini che si trova nella cartella a un livello superiore rispetto alla cartella corrente:
Esempio
<img src="../images/picture.jpg"
alt="Mountain">
La migliore pratica
È consigliabile utilizzare percorsi di file relativi (se possibile).
Quando utilizzi percorsi di file relativi, le tue pagine web non saranno legate al tuo attuale URL di base. Tutti i collegamenti funzioneranno sul tuo computer (localhost), nonché sul tuo attuale dominio pubblico e sui tuoi futuri domini pubblici.