web-dev-qa-db-fra.com

Sélection d'un répertoire parent en html

J'ai une question générale (je ne suis pas tout à fait familier avec le HTML).

L'utilisation suivante de la barre oblique que j'ai découverte pointe vers un sous-répertoire, dans ce cas pour Images:

/Image/my_Image.png

Existe-t-il un équivalent html pour pointer vers un répertoire parent?

htmldirectoryparent
33
Falcon

../ vous donnera un répertoire parent d'un niveau supérieur. Vous pouvez utiliser autant que vous le souhaitez pour aller à des parents de niveau supérieur comme ../../

../Image/my_Image.png

sera le dossier Image dans le répertoire parent

49
Kuzgun

Point unique = répertoire courant, double point est le répertoire parent ...

./ = current
../ = parent

Supposons donc que vous ayez une règle de style pour une image dans un fichier CSS appelé "styles.css".

  • L'emplacement de la feuille de style est C:\MyApp\CSS\styles.css.
  • L'emplacement de l'image est: C:\MyApp\Image\my_Image.png.

Lorsque le CSS est en cours de lecture, il sera l'emplacement de ce fichier CSS utilisé pour l'emplacement actuel. Donc, si vous voulez accéder à votre image, vous pouvez la pointer comme ceci:

background: url("../Image/my_Image.png") no-repeat scroll 0 0 transparent;

Si l'emplacement de l'image aurait été directement sur C: \, vous devrez revenir en arrière de deux répertoires parents:

background: url("../../my_Image.png") no-repeat scroll 0 0 transparent;

Ce principe vaut également pour les fichiers JavaScript, etc.

22
Lave Loos

Il fonctionne parfaitement aussi avec un <base> tag;

exemple

<head>
<base href="resources\">
</head>

puis à partir de l'index racine: <a href="template\sample1.html">sample1</a>

<head>
<base href="..\resources\">
</head>

puis à partir du modèle: <img src="images\sample1.jpg">

travailler avec une structure de répertoires comme:

index.html
ressources\modèle \
ressources\images \

9
H3sDW11e