HTML - choisissez des images du dossier racine dans le sous-dossier

Question

disons que ce qui suit est la structure DIR de mon site Web

Maintenant en index.html je peux simplement référer des images comme

 <img src="./images/logo.png">
 

mais que faire si je veux faire référence à la même image fron sub.html quel sera le src

Answer 1

../images/logo.png fera reculer d'un dossier.

../../images/logo.png fera reculer de deux dossiers.

/images/logo.png vous ramènera au dossier racine où que vous soyez /.

Answer 2

<img src="../images/logo.png">
          __ ______ ________
          |    |       |
          |    |       |___ 3. get the filenamed "logo.png".
          |    |
          |    |___ 2. go inside "images/" subdirectory.
          | 
          | 
          |____ 1. Go one level up.

Answer 3

La référence relative serait

<img src="../images/logo.png">

Si vous connaissez l'emplacement par rapport à la racine du serveur, qui peut être l'approche la plus simple pour une application avec un complexe imbriquée hiérarchie de répertoire - ce serait la même chose de tous les dossiers.

Par exemple, si votre répertoire de l'arbre représenté dans votre question est relatif à la racine du serveur, puis index.html et sub_folder/sub.html permettrait à la fois de l'utilisation:

<img src="/images/logo.png">

Si le dossier images est plutôt dans la racine d'une application comme foo - dessous de la racine du serveur (par exemple, http://www.example.com/foo), puis index.html (http://www.example.com/foo/index.html) e.g et sub_folder/sub.html (http://www.example.com/foo/sub_folder/sub.html) utilisent:

<img src="/foo/images/logo.png">

Answer 4

Votre index.html peut simplement faire src="images/logo.png" et à partir de sub.html vous feriez src="../images/logo.png"