Compréhension approfondie du chemin relatif HTML (Relative Path) et du chemin absolu (Absolute Path)_HTML/Xhtml_Production de pages Web

Je suis engagé dans le développement Web Java depuis plus d'un an. Il est inévitable d'écrire des pages HTML ou JSP. La puissance des applications Web réside dans ses hyperliens (Hyper Link, par exemple, dans la page a, enregistrez l'adresse du lien pointant). à la page b (c'est-à-dire l'URI), mais le problème réside précisément ici, 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 ? ...
De plus, les chemins relatifs sont également très populaires dans les entretoises, et il est facile de se tromper si vous n'y faites pas attention.

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 fichier lié ne peut pas être parcouru ou l'image insérée ne peut pas être affiché, etc.).

Afin d'éviter ces erreurs, citez correctement les documents et notez les différences et les usages afin de pouvoir les vérifier dans le futur.

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

Chemin relatif HTML (chemin relatif)
Références de fichiers 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 directement le nom du fichier de référence.

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 : d:tomcatwebappshelloblablainfo.HTML
Supposons que le chemin index.HTML soit : d:tomcatwebappshelloblablaindex.HTML
Le code pour ajouter le lien hypertexte index.HTML vers info. Le HTML devrait ressembler à ceci Écrivez :

Copier le code

Le code est le suivant :

index.HTML

Comment représenter le répertoire de niveau supérieur
../ représente le répertoire de niveau supérieur 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 : d:tomcatwebappshelloblablainfo.HTML
Supposons que le chemin index.HTML soit : d:tomcatwebappshelloindex.HTML
Le code pour ajouter le lien hypertexte index.HTML vers info. Le HTML devrait ressembler à ceci Écrivez :

Copier le code

Le code est le suivant :

index.HTML

Supposons que le chemin info.HTML soit : d:tomcatwebappshelloblablawowstoryinfo.HTML
Supposons que le Le chemin index.HTML est : d:tomcatwebappshelloindex. HTML
Le code pour ajouter un lien hypertexte index.HTML vers info.HTML doit être écrit comme ceci :

Copier le code

code Comme suit :

index.HTML 🎜>

Supposons que le chemin info.HTML soit : d:tomcatwebappshelloblablainfo.HTML
Supposons que le chemin index.HTML soit : d:tomcatwebappshellowowstoryindex.HTML
Le code pour ajouter le lien hypertexte index.HTML à info.HTML doit être écrit comme ceci :

Copier le codeLe code est le suivant :

index .HTML

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

Supposons que le chemin info.HTML soit : d:tomcatwebappshelloblablainfo.HTML
Supposons que le chemin index.HTML soit : d:tomcatwebappshelloblablaHTMLindex.HTML
Le code pour ajouter le lien hypertexte index.HTML vers info. Le HTML devrait ressembler à ceci Écrivez :

Copier le codeLe code est le suivant :

index.HTML

Supposons que le chemin info.HTML soit : d:tomcatwebappshelloblablainfo.HTML
Supposons que l'index Le chemin .HTML est : d:tomcatwebappshelloblablaHTMLtutorialsindex.HTML
Le code pour ajouter un lien hypertexte index.HTML vers info.HTML doit être écrit comme ceci :

Copier le codeLe code est le suivant :

index.HTML 🎜>

Chemin absolu HTML (chemin absolu)
Chemin absolu HTML (chemin absolu) fait référence au chemin complet d'un fichier avec un nom de domaine.

Supposons que vous enregistriez le nom de domaine www.jb51.net et que vous demandiez un hôte virtuel. Le fournisseur d'hébergement virtuel vous donnera un répertoire, tel que www. Ce www est le répertoire racine du site Web.

Supposons qu'un fichier index.HTML soit placé dans le répertoire racine www. Le chemin absolu de ce fichier est : http://www.jb51.net/index.html. que dans le répertoire racine www, créez un répertoire appelé HTML_tutorials sous le répertoire, puis placez un fichier index.HTML dans le répertoire. Le chemin absolu de ce fichier est http://www.jb51.net/article/32759.htm.