Définir un chemin vers un fichier sur le Web

Lorsque vous devez faire référence à un fichier externe dans une page Web ou dans une feuille de style (image, fichier include, etc.), il est important de bien définir le chemin pour accéder à ce fichier.

Voici les principales règles pour définir un chemin. Ces règles valent autant pour le fichier .css que pour les fichiers .php.

▼Publicité

Les chemins donnés en exemple réfèrent à la structure de dossiers illustrée plus bas. Afin de vous situer dans la hiérarchie des dossiers, considérez que les lignes de code des exemples font partie du fichier index.php ou MonSiteWeb.css.

Chemin relatif

Le chemin doit toujours être relatif, c'est-à-dire que le point de départ est le dossier du fichier actuel. Par exemple, si la page index.php fait référence à une image, le point de départ pour atteindre l'image est le dossier de la page index.php.

On ne doit jamais débuter le chemin à partir de la racine du disque sinon, on devra changer tous les chemins lorsque le site Web sera mis en ligne.

Ex. à ne pas faire : <img src="C:\Users\agagnon\Documents\gagnonannie-monsiteweb\medias\fr\logo-avecslogan.png" alt="logo XYZ" />

Barres obliques vers l'avant ( / )

Sur le Web, on utilise toujours la notation dossier/fichier et non dossier\fichier.

Ex : require("include/entete.inc");

Ne jamais débuter par une barre oblique

Une barre oblique en début de chemin signifie que le chemin débute à la racine. Ainsi, si vous entrez :

background-image: url("/medias/commun/fond-entete.jpg" );

le navigateur recherchera un dossier medias directement à la racine. Il ne trouvera donc pas le fichier.

Le chemin doit donc débuter soit directement par le nom d'un dossier, soit par ./. Les deux notations suivantes sont donc équivalentes.

Ex : background-image: url("medias/commun/fond-entete.jpg" );

ou

background-image: url("./medias/commun/fond-entete.jpg" );

../ pour reculer d'un dossier

Si un fichier doit référer à un fichier situé dans un niveau inférieur, le chemin pourra reculer dans la hiérarchie des dossiers en débutant par ../

Ex : require_once('../gagnonannie-biblio/fctgenerales.php');

Structure des dossiers d'un site Web PHP

Pour plus d'information

« Référencer en HTML ». SelfHTML. http://fr.selfhtml.org/html/generalites/referencer.htm

Merci de partager ! Share on FacebookTweet about this on TwitterShare on Google+Share on LinkedInPin on PinterestShare on StumbleUponEmail this to someone
Catégories