Maison >interface Web >tutoriel HTML >Compréhension approfondie des chemins absolus et relatifs vers les fichiers

Compréhension approfondie des chemins absolus et relatifs vers les fichiers

yulia
yuliaoriginal
2018-09-21 16:11:273214parcourir

Lorsque nous référençons des fichiers ou des images, des chemins relatifs et des chemins absolus seront impliqués. S'ils ne sont pas clairement distingués, il est facile de commettre des erreurs. Cet article vous donnera le chemin relatif et le chemin absolu du fichier. Les amis dans le besoin pourront s'y référer. J'espère qu'il vous sera utile.

Lorsque vous utilisez DW pour écrire du HTML, vous pouvez sélectionner directement le chemin d'accès à un fichier spécifique. Désormais, en utilisant webstorm, vous ne pouvez sélectionner que des fichiers dans le même répertoire que le fichier HTML. Trions la différence entre les chemins absolus et les chemins relatifs vers les fichiers.

1. Chemin absolu

Tout d'abord, sur l'ordinateur local, le chemin absolu d'un fichier fait certainement référence au chemin où le fichier existe réellement sur le disque disque.

Par exemple, ce chemin : D:/wamp/www/img/icon.jpg nous indique que le fichier icon.jpg se trouve dans le sous-répertoire img du répertoire wamp sur le lecteur D. Nous n'avons pas besoin de connaître d'autres informations pour déterminer l'emplacement du fichier en fonction du chemin absolu.

Il existe également un emplacement de fichier de lien hypertexte, qui est également un chemin absolu, tel que http://www.img.net/img/icon.jpg.

Remarque : Parfois, la page modifiée peut être parcourue normalement sur votre propre ordinateur, mais lorsqu'elle est téléchargée sur le serveur Web pour la navigation, l'image peut ne pas s'afficher. Étant donné que les pages HTML statiques doivent être téléchargées sur le site Web et que dans les applications de site Web, nous utilisons généralement "/" pour représenter le répertoire racine. /img/icon.jpg signifie que le fichier photo.jpg se trouve dans le répertoire img à la racine. annuaire du site Internet. Mais sachez que le répertoire racine mentionné ici n’est pas le répertoire racine de votre site Web, mais le répertoire racine du serveur Web sur lequel se trouve votre site Web. Car lors du téléchargement sur le serveur Web, l'intégralité du site Web ne peut pas être placée sur le lecteur D du serveur Web, mais peut être sur le lecteur F ou H. Même s'il est placé dans le lecteur D du serveur Web, le répertoire "D:/wamp/www/img" peut ne pas exister sur le disque E du serveur Web, donc l'image ne s'affichera pas lors de la navigation sur le Web. C'est également un risque d'appliquer des chemins absolus.

2. Chemin relatif

Le chemin relatif, comme son nom l'indique, est relatif à la position cible.

Supposons que le nom de la page du fichier que vous souhaitez importer soit test.htm, et qu'il existe dans un dossier appelé www (chemin absolu D:/wamp/www/test.htm) , puis citer En même temps, le fichier "icon.jpg" existe dans le dossier www (chemin absolu D:/wamp/www/icon.jpg), et le chemin relatif icon.jpg dans le même répertoire si le fichier ; "icon.jpg" existe dans le dossier img (chemin absolu D:/wamp/www/img/icon.jpg), puis chemin relatif img/icon.jpg.

Les chemins relatifs peuvent éviter le problème ci-dessus des différents répertoires racine. Tant que les positions relatives des fichiers de pages Web et des fichiers de référence sont enregistrées de manière cohérente avec les positions relatives des fichiers sur le serveur Web, leurs chemins relatifs seront également cohérents. Par exemple, dans l'exemple ci-dessus, l'image "icon.jpg" est référencée dans le fichier "test.htm". Puisque l'image "icon.jpg" se trouve dans le même répertoire que "test.htm", alors tant que. ces deux fichiers sont toujours dans le même répertoire, donc peu importe où ils sont téléchargés sur le serveur Web, l'image s'affichera correctement dans le navigateur.

Remarque : Les chemins relatifs utilisent le caractère "/" comme caractère séparateur de répertoire, tandis que les chemins absolus peuvent utiliser les caractères "" ou "/" comme caractère séparateur de répertoire. Puisque le répertoire "img" est un sous-répertoire du répertoire "www", il n'est pas nécessaire d'ajouter le caractère "/" avant "img".

Dans les chemins relatifs, "../" est souvent utilisé pour représenter le répertoire de niveau supérieur. S'il existe plusieurs répertoires de niveau supérieur, vous pouvez utiliser plusieurs "../". Supposons que le répertoire où se trouve le fichier "test.htm" est "D:/wamp/www/test.htm" et que le répertoire où se trouve l'image "icon.jpg" est "D:/wamp/www". , alors l'image "icon.jpg" est relativement. Pour le fichier "test.htm", qui se trouve dans le répertoire de niveau supérieur du répertoire où il se trouve, la déclaration citant l'image doit être :

Supposons que le répertoire où se trouve le fichier "test.htm" soit "D:/wamp/www/test.htm", et le répertoire où se trouve l'image "icon.jpg" est "D:/wamp/www", puis " Par rapport au fichier "test.htm", l'image "icon.jpg" est dans le sous-répertoire du niveau supérieur répertoire du répertoire où elle se trouve - "img". La phrase citant l'image doit être :

< ;img src="../img/icon.jpg" /> >

3. Chemin virtuel

Après avoir téléchargé les fichiers sur le serveur distant, ces fichiers résident. Laissez-le dans un dossier dans l'arborescence des répertoires locaux du serveur. Par exemple, sur un serveur exécutant Microsoft IIS, le chemin d'accès à la page d'accueil peut ressembler à ceci : c:Inetpubwwwrootaccountsusersjsmithindex2.htm Ce chemin est souvent appelé chemin physique du fichier. Cependant, l'URL utilisée pour ouvrir le fichier n'utilise pas de chemin physique. Il utilise le nom du serveur ou le nom de domaine, suivi du chemin virtuel (voici un répertoire virtuel : le répertoire virtuel est destiné à l'accès HTTP, la structure de répertoires affichée lorsque les utilisateurs naviguent sur le site Web ou FPT. Par exemple, vous définissez E:Website pour répertoire d'accès, alors E:Website est le répertoire racine du répertoire virtuel ; E:WebsiteImage devient Image ). Ainsi, en suivant l'exemple ci-dessus, le chemin virtuel peut être écrit sous la forme

"./" représente le répertoire actuel est équivalent à

"../" représente le répertoire de niveau supérieur

"/" le répertoire racine actuel, qui est un répertoire relatif

" ~/" Répertoire racine de l'application Web. ASP.NET active l'opérateur racine de l'application Web (~), qui peut être utilisé lors de la spécification d'un chemin dans un contrôle serveur. ASP.NET résout l'opérateur ~ dans le répertoire racine de l'application actuelle. Vous pouvez utiliser l'opérateur ~ avec un dossier pour spécifier un chemin basé sur le répertoire racine actuel. Dans cet exemple, le fichier image proviendra directement du dossier Images dans le répertoire racine du site Web application Lire, peu importe où se trouve la page sur le site Web.

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!

Déclaration:
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