Explication sur l'utilisation du HTML d'un attribut href de balise pour spécifier le chemin relatif et le chemin absolu

href est l'un des attributs importants les plus couramment utilisés pour lier des fichiers frontaux. Ici, nous examinerons l'utilisation de l'attribut HTML a tag href pour spécifier les chemins relatifs et les chemins absolus. à

Dans le développement Web réel, l'insertion d'images, y compris les fichiers CSS, etc. nécessitent toutes des chemins. Si le chemin du fichier est ajouté de manière incorrecte, la référence sera invalide (le fichier lié ne peut pas être parcouru ou l'image insérée. ne peut pas être affiché, etc.). De nombreux débutants sont confus. Ci-dessous, je présenterai en détail les chemins relatifs et les chemins absolus.

Chemin relatif HTML
fait référence à la relation de chemin avec d'autres fichiers (ou dossiers) causée par le chemin où se trouve ce fichier.
Par exemple :
Le chemin absolu du fichier 1.htm est : d:/www/html/1.htm
Le chemin absolu du fichier 2.htm est : d:/www/html/2 .htm
Alors : Le chemin de 1.htm par rapport à 2.htm est : 1.htm

Comment utiliser les liens relatifs :
Si le lien est vers le même répertoire, il vous suffit de saisir le nom du document à lier, par exemple :

Code XML/HTMLCopier le contenu dans le presse-papier

<a href =”1 htm”>网页链接 </a>
<img src=”bg.jpg” />

Si vous créez un lien vers un répertoire de niveau suivant, vous devez d'abord saisir le nom du répertoire, puis ajouter "/", puis saisir le nom du fichier, par exemple :

Code XML/HTMLCopiez le contenu dans le presse-papiers

<a href =”html/ next.htm”>
<img src=”images/bg.jpg” />

Si vous vous connectez au répertoire de niveau supérieur, vous devez d'abord saisir "../", puis saisir le nom du répertoire et le nom du fichier, par exemple :

Code XML/HTMLCopier le contenu dans le presse-papiers

<a href = “．．/ www/index.htm”>

Exemple de résumé
Il y a maintenant 4 fichiers html, qui sont aaa .html bbb.html ccc.html Le chemin de index.html
aaa.html est : D:/www/adminwang/html/ aaa.html Le chemin de
bbb.html est : D:/www/adminwang/ Le chemin de bbb.html
ccc.html est : D:/www/ ccc.html
Le chemin de l'index .html est D:/www/ index.html

1. Lier des fichiers dans le même répertoire
Par exemple, le code index.html du lien du fichier ccc.html est le suivant. :

Code XML/HTMLCopiez le contenu dans le presse-papier

<a href="index.html">链接index网页</a>

2. Lier les fichiers dans le répertoire précédent
Par exemple, le code pour bbb.html pour lier ccc.html est le suivant :

Code XML/ HTMLCopier le contenu dans le presse-papier

<a href="../ccc.html">链接ccc网页</a>

3. Liez le fichier dans le répertoire supérieur à 2 niveaux
Par exemple, aaa.html link ccc. Le code html est le suivant :

Code XML/HTMLCopiez le contenu dans le presse-papiers

<a href=”../../ccc.html”>链接ccc网页</a>

4. Lien vers les répertoires de niveau inférieur Fichier
Par exemple, le code du lien ccc.html vers bbb.html est le suivant :

Code XML/HTMLCopier le contenu dans le presse-papier

<a href="adminwang/bbb.html">链接bbb网页</a>

5. Lier les fichiers dans le répertoire à 2 niveaux
Par exemple, le code pour ccc.html pour lier aaa.html est le suivant :

Code XML/HTMLCopier le contenu dans le presse-papiers

<a href="adminwang/html/aaa.html">链接aaa网页</a>

Chemin absolu HTML
Le chemin complet fourni au fichier, y compris le protocole ou la lettre de lecteur applicable. C'est-à-dire le véritable chemin complet du fichier ou du répertoire sur votre page d'accueil sur le disque dur. Par exemple :
http://www.adminwang.com/index.htm
d:/ www /html/images/bg.jpg
Il n'y a rien à dire sur le chemin absolu Si vous maîtrisez. le chemin relatif, le chemin absolu C'est très simple.

Recommandations associées :

Comment empêcher les sauts d'hyperliens lors de l'utilisation d'un lien

de l'utilisation des tags

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!