Chemins de fichiers dans HTML | Expliqué

En développement Web, un dossier de site Web se compose de nombreux fichiers qui contiennent encore des données pertinentes. Afin d'accéder à divers fichiers dans le fichier HTML, nous devons fournir un certain chemin par rapport au fichier HTML qui désigne l'emplacement d'un fichier particulier dans un dossier de site Web et ce chemin est connu sous le nom.

De plus, ces chemins de fichier sont utiles pour ajouter des documents externes tels qu'une image, une vidéo, une feuille de style, un fichier JavaScript ou d'autres pages Web dans votre page Web HTML actuelle.

Types de chemin de fichier HTML

Il existe, en général, deux types de chemins de fichiers HTML.

1. Chemin de fichier absolu
2. Chemin de fichier relatif

Les chemins de fichier susmentionnés sont expliqués est le détail ci-dessous.

Chemin de fichier absolu

Ce chemin de fichier dans HTML représente l'adresse URL complète d'un fichier.

Syntaxe

La syntaxe d'un chemin de fichier absolu est la suivante.

Exemple

Sortir

Chemin de fichier relatif

Un chemin de fichier relatif désigne l'adresse du fichier relatif associé à l'emplacement de la page Web actuelle. Il y a trois conditions où un chemin de fichier relatif peut être utilisé.

Condition 1: Lorsque le fichier externe et le fichier de page Web actuel sont situés dans le même dossier.

Lorsque le fichier est dans le même dossier que le fichier de page actuel.

L'image ci-dessus est présente dans le même dossier que le fichier de page Web Current.

Sortir

L'image a été ajoutée avec succès.

Condition 2: Lorsque le fichier est présent dans un dossier situé au-dessus du dossier du fichier de page Web.

Lorsque le fichier est présent dans un dossier situé au-dessus du dossier du fichier de page Web.

L'image ci-dessus est présente dans un dossier situé au-dessus du dossier du fichier de page Web actuel.

Sortir

Condition 3: Lorsque le fichier est présent dans un dossier qui est placé à la racine du fichier Web.

Lorsque l'emplacement du dossier qui contient le fichier est à la racine du fichier Web.

L'image ci-dessus est présente à la racine du fichier Web actuel.

Sortir

Les chemins de fichier relatifs doivent être prioritaires sur les chemins de fichier absolus car en utilisant un chemin de fichier relatif, votre code source sera exempt d'URL.

Conclusion

Un chemin de fichier dans HTML fait référence à l'emplacement du fichier dans un dossier Web qui contient des données pertinentes. Ces chemins de fichier sont utilisés comme adresses par le navigateur Web pour extraire les fichiers. Les chemins de fichier sont utiles lors de l'ajout de documents externes tels qu'une image, une vidéo, une feuille de style, un fichier JavaScript ou d'autres pages Web dans votre page Web HTML actuelle. Cet article traite des chemins de fichier HTML et de ses types en détail ainsi que les exemples appropriés.