Chemin relatif dans HTML

Nous devons souvent ajouter et accéder aux fichiers stockés sur le système dans un document HTML. Si le fichier nécessaire dans un document se trouve dans le même dossier que celui dans lequel le fichier du site Web a été stocké, plutôt que de copier le chemin complet du fichier et de coller celui dans le document HTML, c'est une meilleure pratique pour ajouter le chemin relatif du fichier.

Qu'est-ce qu'un chemin relatif?

Le chemin relatif signifie que les fichiers qui sont mentionnés sont dans le même dossier que la structure du dossier du site Web. De sorte que le fichier devient accessible même si seul son nom de dossier relatif est spécifié avant le nom du fichier, au lieu d'ajouter un chemin entier qui comprend le nom de tous les dossiers et répertoires dans lesquels le fichier a été stocké.

Comment ajouter des chemins relatifs dans HTML?

La syntaxe pour ajouter le chemin relatif d'un fichier tout en utilisant HTML pour formater le document est simple. Ajoutez une balise d'ancrage avec un attribut HREF qui contient le chemin relatif (nom du dossier et nom de fichier exact avec l'extension, les deux à commencer par le symbole de slash). Entre les balises d'ancrage d'ouverture et de clôture, ajoutez le texte qui doit être affiché sous la forme d'un lien sur l'interface de sortie.

Syntaxe

Le chemin relatif dans HTML est ajouté via la balise d'ancrage avec l'attribut HREF:

Lien vers l'image

Exemple: ajout d'image en spécifiant le chemin relatif dans HTML

Discutons de la façon d'ajouter un chemin relatif dans le HTML et comment il fonctionne sur l'interface graphique à l'aide d'un exemple:

Lien vers l'image

Dans l'instruction ci-dessus pour ajouter le chemin relatif dans HTML:

• Il y a une balise d'ancrage avec l'attribut HREF. À l'intérieur de la balise d'ancrage d'ouverture, il y a le nom du dossier "HTML et CSS,"Commençant par le"/ /”(Symbole de barre oblique).
• Après cela, il y a le nom de fichier exact "IMG"Avec l'extension de fichier".jpg», Dont le contenu sera affiché sur l'interface.
• Et le "Lien vers l'image"Est le texte qui sera affiché sous la forme d'un lien cliquant sur, qui dirigera l'utilisateur vers le contenu du"jpg" déposer.

Cela affichera la sortie suivante:

Avantages de l'ajout de chemin relatif dans HTML

L'ajout du chemin relatif dans HTML présente les avantages suivants:

• L'ajout du chemin relatif dans HTML peut accéder directement au fichier spécifié sans avoir à ajouter l'ensemble du chemin absolu (le chemin qui couvre tous les répertoires dans lesquels le fichier est stocké).
• Tout en utilisant les chemins relatifs en HTML, les noms de domaine peuvent être modifiés facilement, et il devient facile de déplacer des répertoires entiers en HTML tout en utilisant les chemins relatifs.

Conclusion

L'ajout de chemins relatifs dans HTML est un moyen utile d'accéder à un fichier stocké dans un dossier ou un répertoire du document HTML. Tout ce qu'il nécessite, c'est de créer une balise d'ancrage et l'attribut HREF à l'intérieur de la balise d'ouverture avec le nom du répertoire ou du dossier, puis le nom et l'extension du fichier qui est censé être accessible.