La différence entre les chemins relatifs et les chemins absolus en HTML

Tant que des fichiers sont impliqués dans HTML (comme des hyperliens, des images, etc.), les notions de chemins absolus et de chemins relatifs seront impliquées.

1. Chemin absolu

Le chemin absolu fait référence au chemin où le fichier existe réellement sur le disque dur. Par exemple, l'image "bg.jpg" est stockée dans le répertoire "E:book Web Page Layout Code Chapter 2" sur le disque dur, alors le chemin absolu de l'image "bg.jpg" est "E:book Web Page Code de mise en page Chapitre 2 bg .jpg". Ensuite, si vous souhaitez utiliser un chemin absolu pour spécifier l'image d'arrière-plan de la page Web, vous devez utiliser l'instruction suivante :

2. Inconvénients de l'utilisation de chemins absolus

En fait, les chemins absolus sont rarement utilisés lors de la programmation de pages Web. Si vous utilisez "Page Web E:book code de publication Chapitre 2 bg.jpg" Pour spécifier l'emplacement de l'image d'arrière-plan, tout peut bien se passer lors de la navigation 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. 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 E du serveur Web, mais peut être sur le lecteur D ou le lecteur H. Même s'il est placé sur le disque E du serveur Web, le répertoire "E:book Web Page Layout Code Chapter 2" 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. page.

3. Chemin relatif

Afin d'éviter cette situation, des chemins relatifs sont généralement choisis lors de la spécification de fichiers dans les pages Web. Le chemin dit relatif est relatif à l'emplacement de votre propre fichier cible. Par exemple, dans l'exemple ci-dessus, le fichier « s1.htm » fait référence à l'image « bg.jpg » Puisque l'image « bg.jpg » se trouve dans le même répertoire que « s1.htm », elle doit être dans « s1. .htm", tant que les positions relatives des deux fichiers n'ont pas changé (c'est-à-dire qu'ils sont toujours dans le même répertoire), alors peu importe où ils sont téléchargés sur le serveur Web, ils seront correctement affichés dans le navigateur. Afficher les images.

Donnez un autre exemple, en supposant que le répertoire où se trouve le fichier "s1.htm" est "E:book Web Page Layout Code Chapter 2", et le répertoire où se trouve l'image "bg.jpg" est "E:book Web Page Layout Code Chapter 2 img", alors l'image "bg.jpg" se trouve dans le "img" du répertoire où elle est située par rapport au sous-répertoire du fichier "s1.htm". ", la déclaration citant l'image doit être :

Remarque : utilisez des chemins relatifs. Le caractère "/" sert de caractère délimiteur pour le répertoire, et le chemin absolu peut utiliser le caractère "" ou "/" comme caractère délimiteur pour le répertoire. Puisque le répertoire "img" est un sous-répertoire du répertoire "Chapitre 2", 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 "../", par exemple, "http://www.php.cn/" représente le répertoire de niveau supérieur. Supposons que le répertoire où se trouve le fichier « s1.htm » est « E:book Web Page Layout Code Chapter 2 » et que le répertoire où se trouve l'image « bg.jpg » est « E:book Web Page Layout Code ». , alors l'image "bg.jpg" est relative à Pour le fichier "s1.htm", il se trouve dans le répertoire de niveau supérieur du répertoire où il se trouve, alors la déclaration citant l'image doit être :

Pour donner un autre exemple, supposons que le répertoire où se trouve le fichier "s1.htm" est " E:book Web Page Layout Code Chapter 2", et le répertoire où se trouve l'image "bg.jpg" est "E: "book web page layout code img", alors l'image "bg.jpg" est dans le "img " sous-répertoire du répertoire de niveau supérieur du répertoire où il se trouve par rapport au fichier "s1.htm", alors la déclaration citant l'image doit être :

4. Répertoire virtuel relatif

Il existe également des chemins relatifs Il existe une représentation spéciale : "répertoire virtuel relatif". Veuillez regarder l'exemple suivant :

Dans cet exemple, la valeur de l'attribut background est " /img/bg.jpg", notez qu'il y a un caractère "/" avant "img". Ce "/" représente le répertoire racine du répertoire virtuel. Supposons que "E:book web page layout code" soit défini comme répertoire virtuel, alors le chemin réel de "/img/bg.jpg" est "E:book web". code de mise en page img bg" .jpg" ; si « E:book Web Page Layout Code Chapter 2 » est défini comme répertoire virtuel, alors le chemin réel de « /img/bg.jpg » est « E:book Web Page Layout Code Chapitre 2 imgbg.jpg"

Pour plus d'informations sur la différence entre les chemins relatifs et les chemins absolus en HTML, veuillez faire attention au site Web PHP chinois pour les articles connexes !