Maison > interface Web > tutoriel CSS > Comment accéder aux ressources d'un répertoire supérieur en HTML ?

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

Linda Hamilton
Libérer: 2024-11-26 06:52:13
original
291 Les gens l'ont consulté

How do I access resources from a higher directory in HTML?

Accès aux ressources à partir d'un répertoire supérieur en HTML

Lorsque vous organisez les éléments de votre site Web dans des répertoires distincts, tels que des feuilles de style et des images, vous devrez peut-être pour faire référence à des ressources d'un répertoire dans un autre. Dans ce cas, vous stockez les feuilles de style dans {root}/styles et les images dans {root}/images.

Pour spécifier le chemin d'accès au répertoire images à partir de vos feuilles de style, vous pouvez utiliser le fichier ". ." notation pour indiquer le répertoire parent. Voici comment modifier votre code CSS pour charger des images du répertoire {root}/images :

background-image: url('../images/bg.png');
Copier après la connexion

En utilisant "../", vous faites référence au répertoire d'un niveau supérieur, qui dans ce le cas est le répertoire racine {root}. À partir de là, le chemin continue jusqu'au répertoire {root}/images et localise l'image spécifiée, "bg.png".

Cette méthode vous permet d'organiser plus efficacement les actifs de votre site Web tout en garantissant une récupération appropriée des ressources, quel que soit le de la structure de répertoire relative.

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal