Comment accéder aux fichiers d'un répertoire supérieur en HTML ?

Accès aux fichiers d'un répertoire supérieur en HTML

Lors de l'organisation des ressources d'un site Web, il est courant de séparer les fichiers tels que les feuilles de style et les images dans différents répertoires pour une gestion plus facile. Cependant, lorsque vous devez référencer ces fichiers à partir du code HTML, vous pouvez rencontrer des problèmes si les chemins ne sont pas spécifiés correctement.

Problème :

Envisagez un scénario dans lequel les feuilles de style sont stockées dans "{root}/styles" et les images sont stockées dans "{root}/images". Comment référencer des images à partir des feuilles de style, en vous assurant que le chemin correct est utilisé ?

Solution :

Pour résoudre ce problème, utilisez l'indicateur de répertoire parent ". ." dans le chemin :

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

Cette modification demande au navigateur de monter d'un niveau dans la structure des répertoires, puis de localiser le répertoire "images". En utilisant ".." (deux points), vous accédez au répertoire parent du répertoire courant ("styles"). Cela vous permet de faire référence à des fichiers dans un répertoire de niveau supérieur, même lorsque le fichier HTML réel se trouve dans un sous-répertoire différent.

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!