Chemins d'accès aux fichiers HTML
Un chemin de fichier décrit l'emplacement d'un fichier dans la structure de dossiers d'un site Web.
Exemples de chemin de fichier
| Chemin | La description |
|---|---|
| <img src="image.jpg"> | Le fichier "image.jpg" est situé dans le même dossier que la page en cours |
| <img src="images/image.jpg"> | Le fichier "image.jpg" se trouve dans le dossier images du dossier courant |
| <img src="/images/image.jpg"> | Le fichier "image.jpg" se trouve dans le dossier images à la racine du site web en cours |
| <img src="../image.jpg"> | Le fichier "image.jpg" est situé dans le dossier un niveau au-dessus du dossier actuel |
Chemins d'accès aux fichiers HTML
Un chemin de fichier décrit l'emplacement d'un fichier dans la structure de dossiers d'un site Web.
Les chemins de fichiers sont utilisés lors de la liaison à des fichiers externes, comme :
- les 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://www.w3schools.com/images/picture.jpg"
alt="Mountain">
La balise <img> est expliquée dans le chapitre : Images HTML .
Chemins de fichiers relatifs
Un chemin de fichier relatif pointe vers un fichier relatif à la page en cours.
Dans l'exemple suivant, le chemin du fichier pointe vers un fichier du dossier images situé à la racine du site Web actuel :
Exemple
<img src="/images/picture.jpg"
alt="Mountain">
Dans l'exemple suivant, le chemin du fichier pointe vers un fichier du dossier images situé dans le dossier actuel :
Exemple
<img src="images/picture.jpg"
alt="Mountain">
Dans l'exemple suivant, le chemin d'accès au fichier pointe vers un fichier du dossier images situé dans le dossier un niveau au-dessus du dossier actuel :
Exemple
<img src="../images/picture.jpg"
alt="Mountain">
Meilleur entrainement
Il est recommandé d'utiliser des chemins de fichiers relatifs (si possible).
Lorsque vous utilisez des chemins de fichiers 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.