Maison > interface Web > tutoriel HTML > Analyse détaillée de la différence entre les chemins relatifs HTML et les chemins absolus

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

高洛峰
Libérer: 2017-03-10 11:56:59
original
1760 Les gens l'ont consulté

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 (par exemple en ajoutant un lien hypertexte ou en insérant 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 sera 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 à 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 enregistriez le nom de domaine m.sbmmt.com et que vous demandiez un hébergeur virtuel. Votre fournisseur d'hébergement virtuel vous donnera un répertoire, tel que www. Ce www est le répertoire racine de votre site Web.

Supposons que vous placiez un fichier index.html dans le répertoire racine www. Le chemin absolu de ce fichier est : //m.sbmmt.com/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 //m.sbmmt.com/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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal