Maison  >  Article  >  interface Web  >  Explication détaillée de la différence entre les chemins relatifs et les chemins absolus

Explication détaillée de la différence entre les chemins relatifs et les chemins absolus

Y2J
Y2Joriginal
2017-05-24 09:35:462327parcourir

Les débutants en HTML rencontrent souvent le problème de savoir comment référencer correctement un fichier. Par exemple, comment référencer une autre page Web HTML en tant que lien hypertexte dans une page Web HTML ? Comment insérer une image dans une page Web. Si vous utilisez un mauvais chemin de fichier lors du référencement d'un fichier (comme l'ajout d'un lien hypertexte ou l'insertion d'une image, etc.), la référence deviendra invalide (le lien ne pourra pas être parcouru). Les débutants en HTML rencontrent souvent le problème de savoir comment référencer correctement un fichier. Par exemple, comment référencer une autre page Web HTML en tant que lien hypertexte dans une page Web HTML ? Comment insérer une image dans une page Web

Si vous utilisez le mauvais chemin de fichier lors du référencement d'un fichier (comme l'ajout d'un lien hypertexte, ou l'insertion d'une image, etc.), la référence deviendra invalide (le lien le fichier ne peut pas être parcouru), ou l'image insérée ne peut pas être affichée, etc.).

Afin d'éviter ces erreurs et de référencer correctement les fichiers, nous devons apprendre les chemins HTML.

HTML a deux manières d'écrire les chemins : les chemins relatifs et les chemins absolus.

Chemin relatif HTML (Relative Path)
Référence du fichier dans le même répertoire
Si le fichier source et le fichier de référence sont dans le même répertoire, écrivez simplement le nom du fichier de référence directement.

Nous créons maintenant un fichier source info.html et référençons le fichier index.html sous forme de lien hypertexte dans info.html.

Supposons que le chemin info.html soit : c:Inetpubwwwrootsitesblablainfo.html
Supposons que le chemin index.html soit : c:Inetpubwwwrootsitesblablaindex.html
Le code pour ajouter le lien hypertexte index.html vers info. html devrait ressembler à ceci Écrivez :

index.html


Comment représenter le répertoire de niveau supérieur
../ représente l'emplacement du fichier source. Le répertoire de niveau supérieur du répertoire, ../../ représente le répertoire de niveau supérieur du répertoire où se trouve le fichier source, et ainsi de suite.

Supposons que le chemin info.html soit : c:Inetpubwwwrootsitesblablainfo.html
Supposons que le chemin index.html soit : c:Inetpubwwwrootsitesindex.html
Le code pour ajouter le lien hypertexte index.html vers info. html devrait ressembler à ceci Écrivez :


index.html

Supposez le chemin info.html est : c:Inetpubwwwrootsitesblablainfo. html
Supposons que le chemin index.html soit : c:Inetpubwwwrootindex.html
Le code pour ajouter le lien hypertexte index.html vers info.html doit être écrit comme ceci :


index.html

Supposons que le chemin info.html soit : c:Inetpubwwwrootsitesblablainfo.html
Supposons que le chemin index.html soit : c:Inetpubwwwrootsiteswowstoryindex .html
Le code pour ajouter le lien hypertexte index.html vers info.html doit être écrit comme ceci :


index.html< ;/a>

Comment exprimer le répertoire de niveau inférieur
fait référence au fichier dans le répertoire de niveau inférieur, écrivez simplement le directement le chemin du fichier dans le répertoire de niveau inférieur.

Supposons que le chemin info.html soit : c:Inetpubwwwrootsitesblablainfo.html
Supposons que le chemin index.html soit : c:Inetpubwwwrootsitesblablahtmlindex.html
Le code pour ajouter le lien hypertexte index.html vers info. html devrait ressembler à ceci Écrivez :


index.html

Supposons que le chemin info.html soit : c:Inetpubwwwrootsitesblablainfo.html
Supposons que le chemin index.html soit : c:Inetpubwwwrootsitesblablahtmltutorialsindex.html
Le code pour ajouter le lien hypertexte index.html à info.html doit être écrit comme ceci :


index.html
Chemin absolu HTML (Chemin absolu)
Chemin absolu HTML (chemin absolu) fait référence au chemin du fichier avec le nom de domaine.

Supposons que vous ayez enregistré le nom de domaine www.jb51.net et demandé un hébergeur virtuel Votre fournisseur d'hébergement virtuel vous donnera un répertoire, tel que www. votre site Web. Table des matières.

Supposons que vous placiez un fichier index.html dans le répertoire racine www. Le chemin absolu de ce fichier est : http://www.php.cn/index.html.

Supposons que vous créiez un répertoire appelé html_tutorials dans le répertoire racine www, puis que vous placiez un fichier index.html dans le répertoire. Le chemin absolu de ce fichier est http://www.php.cn/html_tutorials/. index.html.

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