Percorso relativo in HTML

Spesso dobbiamo aggiungere e accedere ai file archiviati sul sistema in un documento HTML. Se il file necessario in un documento è nella stessa cartella di quello in cui è stato archiviato il file per il sito Web, piuttosto che copiare il percorso completo del file e incollare nel documento HTML, è una pratica migliore aggiungere il percorso relativo del file.

Cos'è esattamente un percorso relativo?

Il percorso relativo significa che i file a cui vengono citati sono nella stessa cartella della struttura della cartella del sito Web. In modo che il file diventi accessibile anche se viene specificato solo il nome della cartella relativa prima del nome del file, invece di aggiungere un intero percorso che include il nome di tutte le cartelle e le directory in cui il file è stato archiviato.

Come aggiungere percorsi relativi in ​​HTML?

La sintassi per aggiungere il percorso relativo di un file durante l'utilizzo di HTML per formattare il documento è semplice. Aggiungi un tag di ancoraggio con un attributo HREF che contiene il percorso relativo (nome della cartella e il nome del file esatto con l'estensione, entrambi a partire dal simbolo della slash). Tra i tag di ancoraggio di apertura e chiusura, aggiungere il testo che deve essere visualizzato sotto forma di un collegamento sull'interfaccia di output.

Sintassi

Il percorso relativo in HTML viene aggiunto attraverso il tag di ancoraggio con l'attributo HREF:

Collegamento all'immagine

Esempio: aggiunta di immagine specificando il percorso relativo in HTML

Discutiamo come aggiungere un percorso relativo nell'HTML e come funziona sull'interfaccia grafica con l'aiuto di un esempio:

Collegamento all'immagine

Nell'istruzione sopra per aggiungere il percorso relativo in HTML:

• C'è un tag di ancoraggio con l'attributo HREF. All'interno del tag di ancoraggio di apertura, c'è il nome della cartella "HTML e CSS,"A partire da"/"(Simbolo di Slash).
• Dopodiché, c'è il nome del file esatto "img"Con l'estensione del file".jpg", Il cui contenuto verrà visualizzato sull'interfaccia.
• E il "Collegamento all'immagine"È il testo che verrà visualizzato sotto forma di un collegamento su cui si fa clic, che indirizzerà l'utente al contenuto di"jpg" file.

Questo visualizzerà il seguente output:

Vantaggi dell'aggiunta del percorso relativo in HTML

L'aggiunta del percorso relativo in HTML ha i seguenti vantaggi:

• L'aggiunta del percorso relativo in HTML può accedere direttamente al file specificato senza la necessità di aggiungere l'intero percorso assoluto (il percorso che copre tutte le directory in cui è archiviato il file).
• Durante l'utilizzo dei percorsi relativi in ​​HTML, i nomi del dominio possono essere modificati facilmente e diventa facile spostare intere directory in HTML mentre si utilizzano i percorsi relativi.

Conclusione

L'aggiunta di percorsi relativi in ​​HTML è un modo utile per accedere a un file memorizzato in una cartella o una directory nel documento HTML. Tutto ciò che richiede è la creazione di un tag di ancoraggio e l'attributo HREF all'interno del tag di apertura con il nome della directory o la cartella e quindi il nome e l'estensione del file a cui si suppone.