Explication détaillée de la façon dont HTML utilise les chemins relatifs pour obtenir des fichiers dans des répertoires à tous les niveaux

Auteur：Eve Cole Date de mise à jour：2025-01-18 20:36:01

Le concept de chemins relatifs

Utilisez l'emplacement actuel du fichier comme point de référence pour établir le chemin du fichier cible.

Le concept de chemin absolu

Le chemin complet du fichier entier, tel que X:/www/web/index.html ou http://waldo.com.cn/index.html. Ces deux chemins sont absolus.

Explication détaillée des différentes façons d'utiliser les chemins relatifs

Supposons qu'il existe actuellement une page qui souhaite créer un lien vers une page nommée test.html. Ce qui suit montre les expressions de plusieurs chemins relatifs.

Exemple de chemin relatif	Le sens du chemin
href=test.html	Indique que cette page se trouve dans le répertoire où se trouve la page actuelle
href=./test.html	Indique que cette page se trouve dans le répertoire où se trouve la page actuelle. Un seul point a la même signification que le nom direct du fichier ci-dessus.
href=/test.html	Indique que cette page se trouve dans le répertoire racine du site Web
href=../test.html	Indique que cette page se trouve dans le répertoire au-dessus de la page actuelle
href=../../test.html	Indique que cette page se trouve sous le répertoire un niveau au-dessus de la page actuelle (c'est-à-dire deux répertoires au-dessus). Chaque fois que le répertoire parent augmente, ajoutez un ../.
href=../test.html	Indique que cette page se trouve dans le sous-répertoire web du répertoire au-dessus de la page actuelle.

Accéder aux fichiers dans le répertoire racine du site Web à l'aide de chemins relatifs

La barre oblique unique / représente le répertoire racine. Vous pouvez utiliser la barre oblique unique / pour accéder directement au répertoire racine à n'importe quel niveau.

Supposons que de nombreux endroits de la page Web soient liés à la page about.html dans le dossier Web du répertoire racine du site Web, le code HTML doit alors être écrit comme ceci <a href='/about.html'>lien vers </a>.

Les chemins relatifs accèdent aux fichiers dans le répertoire parent de la page actuelle

../ représente le répertoire de niveau supérieur du fichier actuel, en supposant que le chemin de la page actuelle est Waldo.com.cn/StaticPageFiles/SiteMapFiles/tag_11_1.htm. La page doit créer un lien vers le fichier X:www/web/StaticPageFiles/SiteMapFiles/Tag3/tag_3_1.htm. Ensuite, l'adresse du lien dans la page actuelle doit être <a href='../Tag3/tag_3_1.htm'>.NET标签</a> .

PS : Puisque le répertoire actuel est Tag11 et que le répertoire où se trouve le fichier cible à lier à la page est Tag3, qui appartient au même répertoire parent SiteMapFiles que le répertoire actuel, vous devez donc utiliser ../ pour lier vers le répertoire parent d'abord, puis créez un lien vers le répertoire parent et les fichiers cibles.

Les chemins relatifs accèdent aux fichiers dans les répertoires parents à plusieurs niveaux de la page actuelle

Puisque ../ représente le répertoire de niveau supérieur du fichier courant, alors ../../ représente le répertoire de niveau supérieur du fichier courant. Superposez simplement ../ en fonction du nombre de niveaux parents à obtenir.

Les chemins relatifs accèdent aux fichiers du répertoire subordonné auquel appartient le fichier d'échange actuel.

Utilisez simplement le nom du répertoire actuel/le nom du répertoire subordonné/le nom du fichier cible. Supposons que le répertoire où se trouve le fichier actuel est shiyousan.com/StaticPageFiles/SiteMapFiles/ . Pour créer un lien vers le fichier sous Tag3 dans le répertoire actuel, l'adresse du lien peut être écrite comme ceci : <a href='SiteMapFiles/Tag3/tag_3_1.htm'>链接</a> , ou vous pouvez également utiliser ./, ./ s'écrit ainsi : <a href='./SiteMapFiles/Tag3/tag_3_1.htm'>链接</a>。

Résumer

.--------Un simple point ou un nom de répertoire direct indique le répertoire actuel.

.. ---------Les doubles points représentent le répertoire de niveau supérieur du fichier actuel

/-------------Une simple barre oblique indique le répertoire racine du site Web actuel

Ce qui précède est une explication détaillée de la façon dont HTML utilise les chemins relatifs pour obtenir des fichiers dans les répertoires à tous les niveaux introduits par l'éditeur. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra. à vous à temps. Je tiens également à remercier tout le monde pour votre soutien au site d'arts martiaux VeVb !