2013-11-14 16 views
18

Ho una domanda generale (non ho tutti familiarità con html).Selezione di una directory principale in html

il successivo utilizzo della barra ho scoperto punti ad un sub-directory, in questo caso per Immagini:

/Image/my_Image.png 

Esiste un equivalente HTML per puntare a una directory genitore?

risposta

28

../ fornisce una directory superiore di livello superiore. È possibile utilizzare tanto quanto si vuole andare genitori di livello superiore come ../../

../Image/my_Image.png 

sarà La cartella nella directory principale

14

puntino singolo = directory corrente, doppio punto è directory padre ...

./ = current 
../ = parent 

Quindi supponiamo di avere una regola di stile per un'immagine in un file CSS chiamato "styles.css".

  • L'ubicazione del foglio di stile è C: \ MyApp \ CSS \ styles.css.
  • Il percorso dell'immagine è: C: \ MyApp \ Image \ my_Image.png.

Quando il CSS è in corso la lettura, sarà la posizione del file css che viene utilizzato per la posizione corrente. Quindi, se si vuole arrivare alla vostra immagine, si può puntare in questo modo:

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

Se la posizione dell'immagine sarebbe stato direttamente su C: \, si sarebbe dovuto tornare due directory principali:

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

Questo principio vale anche per i file JavaScript e così via.

4

Funziona perfettamente anche con un tag <base>;

esempio

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

quindi dall'indice radice: <a href="template\sample1.html">sample1</a>

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

poi dal modello: <img src="images\sample1.jpg">

lavorare con una struttura di directory simile:

index.html
risorse \ template \
risorse \ immagini \

Problemi correlati