Analyse de la différence entre les chemins relatifs HTML et les chemins absolus_Production de pages HTML/Xhtml_Web

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 le niveau supérieur répertoire du répertoire où se trouve le fichier source, ../ ../ 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

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


index.html

Supposons que info.html Le chemin 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

Comment représenter le répertoire de niveau inférieur
Pour référencer des fichiers dans le répertoire de niveau inférieur , écrivez simplement le chemin du fichier directement 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 l'index Le chemin .html est : c: Inetpubwwwrootsitesblablahtmltutorialsindex.html
Le code pour ajouter un lien hypertexte index.html vers info.html doit être écrit comme ceci :


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

Supposons que vous enregistriez le nom de domaine www.jb51.net 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 : http://www.jb51.net/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.jb51.net/html_tutorials/. index.html.