La différence entre les chemins relatifs et les chemins absolus_CSS/HTML

Chemin absolu :

Pour trouver le fichier dont nous avons besoin lorsque nous utilisons habituellement l'ordinateur, nous devons connaître l'emplacement du fichier, et la manière d'exprimer l'emplacement du fichier est le chemin, par exemple, aussi long. comme vous voyez ce chemin : c:/website/img /photo.jpg Nous savons que le fichier photo.jpg se trouve dans le sous-répertoire img du répertoire website du lecteur c. Un chemin similaire à celui-ci qui décrit complètement l'emplacement d'un fichier est un chemin absolu. Nous n'avons pas besoin de connaître d'autres informations pour déterminer l'emplacement du fichier en fonction du chemin absolu. Sur le site Web, la méthode de détermination de l'emplacement du fichier similaire à http://www.e3i5.net/img/photo.jpg est également un chemin absolu.

Dans les applications de sites Web, nous utilisons généralement "/" pour représenter le répertoire racine. /img/photo.jpg signifie que le fichier photo.jpg se trouve dans le répertoire img du répertoire racine du site Web. Mais cette utilisation est risquée pour les débutants, car il faut savoir que le répertoire racine évoqué ici n'est pas le répertoire racine de votre site internet, mais le répertoire racine du serveur où se trouve votre site internet, donc lorsque le répertoire racine du site internet il diffère de la racine du serveur, une erreur se produit.
Chemin relatif :

Analysez pourquoi l'image ne peut pas être affichée normalement. Par exemple, il existe une page index.htm et une image photo.jpg connectée à cette page. Leurs chemins absolus sont les suivants :
　c:/website/index.htm
　c:/website/img/photo.jpg

Si vous utilisez le chemin absolu c:/website/img/ photo.jpg, alors tout ira bien sur votre propre ordinateur, car le fichier photo.jpg se trouve effectivement à l'emplacement spécifié, c:/website/img/photo.jpg, mais lorsque vous téléchargez la page sur le site Web, il est très probable que quelque chose se passe mal, car votre site Web peut être sur le lecteur c du serveur, il peut être sur le lecteur d, il peut être dans le répertoire aa, ou encore plus probablement dans le répertoire bb. , il n'y a aucune raison d'avoir c:/website/img/photo.jpg un chemin. Alors, quel type de chemin faut-il utiliser pour localiser le fichier photo.jpg dans le fichier index.htm ? Oui, vous devez utiliser un chemin relatif. Le chemin dit relatif, comme son nom l'indique, est relatif à la position cible. Dans l'exemple ci-dessus, photo.jpg connecté dans index.htm peut utiliser img/photo.jpg pour localiser le fichier. Peu importe où ces fichiers sont placés, tant que leur relation relative ne change pas, il n'y aura pas d'erreur.

De plus, nous utilisons "../" pour représenter le répertoire de niveau supérieur, "../../" pour représenter le répertoire de niveau supérieur, et ainsi de suite. (Les amis qui ont étudié DOS le trouveront peut-être plus facile à comprendre)

Regardez quelques exemples supplémentaires Notez que dans tous les exemples, il y a une image photo.jpg connectée au fichier index.htm.

Exemple :
c:/website/web/index.htm
c:/website/img/photo.jpg
Dans cet exemple, photo.jpg est lié à index.htm Comment faut-il l’exprimer ?
Écriture incorrecte : img/photo.jpg
Cette écriture est incorrecte Dans cet exemple, pour le fichier index.htm, le chemin absolu représenté par img/photo.jpg est : c:/website /web/img. /photo.jpg, ne répond évidemment pas aux exigences.
Méthode d'écriture correcte : Utilisez le chemin relatif de ../img/photo.jpg pour localiser le fichier


Exemple :
c:/website/web/xz/index.htm
c:/website/img/images/photo.jpg
Dans cet exemple, comment doit être représenté le photo.jpg connecté dans index.htm ?
Écriture incorrecte : ../img/images/photo.jpg
Cette écriture est incorrecte Dans cet exemple, pour le fichier index.htm, ../img/images/photo.jpg représente Le chemin absolu est. : c:/website/web/img/images/photo.jpg.
Écriture correcte : Vous pouvez utiliser le chemin relatif de ../../img/images/photo.jpg pour localiser le fichier


Exemple :
c:/website/web /xz/ index.htm
c:/website/web/img/photo.jpg
Dans cet exemple, comment doit être représenté le photo.jpg connecté à index.htm ?
Écriture incorrecte : ../../img/photo.jpg
Cette écriture est incorrecte Dans cet exemple, pour le fichier index.htm, ../../img/photo.jpg Le chemin absolu. représenté est : c:/website/img/photo.jpg.
Méthode d'écriture correcte : Vous pouvez utiliser le chemin relatif de ../img/photo.jpg pour localiser le fichier


Résumé : Grâce à l'exemple ci-dessus, vous pouvez constater que lors de la conversion de l'absolu path en chemin relatif, les parties identiques des chemins absolus des deux fichiers peuvent être ignorées et ne seront pas prises en compte. Considérez simplement en quoi ils sont différents.