Maison >interface Web >tutoriel CSS >Comment référencer des images d'un répertoire supérieur en HTML ?

Comment référencer des images d'un répertoire supérieur en HTML ?

Susan Sarandon
Susan Sarandonoriginal
2024-12-10 17:04:17530parcourir

How do I reference images from a higher directory in HTML?

Référencement des images d'un répertoire supérieur en HTML

Dans le développement Web, les organisateurs stockent souvent les feuilles de style et les images dans des répertoires séparés. Pour faire référence à des images d'un répertoire différent au sein d'une feuille de style, vous devez modifier le chemin. Voici comment remonter d'un niveau dans le chemin source d'une URL en HTML :

Pour remonter d'un niveau dans la structure des répertoires, vous pouvez utiliser le caractère double point (..). Cette notation indique le répertoire parent. Par exemple, supposons que vous stockiez les feuilles de style dans le répertoire "/styles" et les images dans le répertoire "/images". Pour référencer une image du répertoire "/images" au sein d'une feuille de style située dans le répertoire "/styles", vous utiliserez le chemin suivant :

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

Dans cet exemple, la notation ".." dans le chemin monte d'un niveau dans la structure des répertoires, permettant à la feuille de style d'accéder à l'image spécifiée dans le répertoire "/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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn