HTML Chemins de Fichier
Un chemin de fichier décrit l'emplacement d'un fichier dans la structure de dossiers d'un site web.
Exemples de Chemins de Fichier
| Chemin | Description |
|---|---|
| <img src="picture.jpg"> | Le fichier "picture.jpg" se trouve dans le même dossier que la page actuelle |
| <img src="images/picture.jpg"> | Le fichier "picture.jpg" se trouve dans le dossier images, qui est dans le dossier actuel |
| <img src="/images/picture.jpg"> | Le fichier "picture.jpg" se trouve dans le dossier images à la racine du site web actuel |
| <img src="../picture.jpg"> | Le fichier "picture.jpg" se trouve dans le dossier un niveau au-dessus du dossier actuel |
Chemins de Fichier HTML
Un chemin de fichier décrit l'emplacement d'un fichier dans la structure de dossiers d'un site web.
Les chemins de fichier sont utilisés pour lier des fichiers externes, tels que :
- Pages web
- Images
- Feuilles de style
- JavaScripts
Chemins de Fichier Absolus
Un chemin de fichier absolu est l'URL complète d'un fichier :
Exemple
<img src="https://formation-ti.org/images/picture.jpg" alt="Montagne">
La balise <img> est expliquée dans le chapitre : Images HTML .
Chemins de Fichier Relatifs
Un chemin de fichier relatif pointe vers un fichier par rapport à la page actuelle.
Dans l'exemple suivant, le chemin de fichier pointe vers un fichier dans le dossier images situé à la racine du site web actuel :
Exemple
<img src="/images/picture.jpg" alt="Montagne">
Dans l'exemple suivant, le chemin de fichier pointe vers un fichier dans le dossier images situé dans le dossier actuel :
Exemple
<img src="images/picture.jpg" alt="Montagne">
Dans l'exemple suivant, le chemin de fichier pointe vers un fichier dans le dossier images situé dans le dossier un niveau au-dessus du dossier actuel :
Exemple
<img src="../images/picture.jpg" alt="Montagne">
Meilleures Pratiques
Il est recommandé d'utiliser des chemins de fichier relatifs (si possible).
Lorsque vous utilisez des chemins de fichier relatifs, vos pages web ne seront pas liées à votre URL de base actuelle. Tous les liens fonctionneront sur votre propre ordinateur (localhost) ainsi que sur votre domaine public actuel et vos futurs domaines publics.