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-papiers

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

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

Code XML/HTMLCopiez le contenu dans le presse-papiers

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

4. Lier des fichiers dans des répertoires de niveau inférieur
Par exemple, le code pour que ccc.html soit lié à bbb.html est le suivant :

Code XML/HTML Copiez le contenu dans le presse-papiers

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

5. Liez les fichiers dans le répertoire à 2 niveaux
Par exemple, le code pour ccc.html à 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
Complet fourni pour le chemin du fichier, y compris le protocole applicable ou la lettre de lecteur. 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, mais le chemin relatif est maîtrisé, le chemin absolu est très simple.

Pour plus d'explications sur la façon d'utiliser l'attribut href de la balise HTML a pour spécifier des chemins relatifs et des chemins absolus, veuillez faire attention au site Web PHP chinois pour les articles connexes !