Comment référencer des ressources en HTML lorsqu'elles se trouvent dans des répertoires différents ?

Parcourir le chemin de l'URL pour le référencement des ressources en HTML

Lors de la création d'un site Web, il est courant de stocker des ressources telles que des images et des feuilles de style dans des répertoires séparés. Pour référencer ces ressources en HTML, vous devrez spécifier leur chemin dans le code source.

Par exemple, si vous stockez des feuilles de style dans /styles et des images dans /images, vous vous demandez peut-être comment fournir le chemin correct dans les feuilles de style pour localiser les images dans le répertoire images.

La clé ici est d'utiliser la notation .. pour indiquer le répertoire parent. En ajoutant .. avant le chemin d'accès à l'image, vous demandez au navigateur de rechercher un niveau dans la structure de répertoires.

Par exemple, au lieu d'utiliser :

background-image: url('/images/bg.png');

Vous utiliserait :

background-image: url('../images/bg.png');

Ce chemin ajusté indique au navigateur de remonter d'un répertoire à partir de l'emplacement de la feuille de style (/styles), puis d'accéder au répertoire des images.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!