Percorsi File in HTML

Codegrind Team•Jul 22 2023

Un percorso di file descrive la posizione di un file all’interno della struttura delle cartelle di un sito web.

Esempi di Percorsi File

Il file “immagine.jpg” si trova nella stessa cartella della pagina corrente.

<img src="immagine.jpg" />

Il file “immagine.jpg” si trova nella cartella “immagini” nella cartella corrente.

<img src="immagini/immagine.jpg" />

Il file “immagine.jpg” si trova nella cartella “immagini” nella radice del sito web corrente.

<img src="/immagini/immagine.jpg" />

Il file “immagine.jpg” si trova nella cartella superiore rispetto alla cartella corrente.

<img src="../immagine.jpg" />

Percorsi di File HTML

Un percorso di file descrive la posizione di un file nella struttura di cartelle di un sito web.

I percorsi di file vengono utilizzati quando si collegano file esterni, come:

Pagine web
Immagini
Fogli di stile
Script JavaScript

Percorsi Assoluti di File

Un percorso di file assoluto è l’URL completo di un file:

<img
  src="https://www.codegrind.it/Immagini/immagine.jpg"
  alt="Immagine a caso" />

Percorsi Relativi di File

Un percorso di file relativo punta a un file relativo alla pagina corrente.

Nell’esempio seguente, il percorso del file punta a un file nella cartella “immagini” situata nella radice del sito web corrente:

<img src="/Immagini/immagine.jpg" alt="Immagine a caso" />

Nell’esempio seguente, il percorso del file punta a un file nella cartella “immagini” situata nella cartella corrente:

<img src="Immagini/immagine.jpg" alt="Immagine a caso" />

Nell’esempio seguente, il percorso del file punta a un file nella cartella “immagini” situata nella cartella superiore rispetto alla cartella corrente:

<img src="../Immagini/immagine.jpg" alt="Immagine a caso" />

Migliori Pratiche

È una pratica consigliata utilizzare percorsi di file relativi (se possibile).

Utilizzando percorsi di file relativi, le tue pagine web non saranno vincolate all’URL di base corrente. Tutti i link funzioneranno sul tuo computer locale (localhost), così come sul tuo dominio pubblico corrente e sui tuoi futuri domini pubblici.