L'attribut href de la balise HTMLa spécifie comment utiliser les chemins relatifs et les chemins absolus

Cette fois, je vais vous apporter l'attribut hrefde la balise HTMLa pour spécifier l'utilisation des chemins relatifs et des chemins absolus, et les Notes sur la façon d'utiliser l'attribut href de la balise HTMLa pour spécifier des chemins relatifs et des chemins absolusQu'est-ce que c'est ? Voici des cas pratiques.

Dans le développement Web réel, l'insertion d'images, y compris les fichiers CSS, etc. nécessitent tous des chemins. Si le chemin du fichier est ajouté de manière incorrecte, la référence sera créée. deviennent invalides (impossibilité de parcourir les fichiers liés, ou les images insérées ne peuvent pas être affichées, 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) provoquée par le chemin où se trouve ce fichier.
Par exemple :

文件1.htm的绝对路径是：d:/www/html/1.htm
文件2.htm的绝对路径是：d:/www/html/2.htm
那么：1.htm相对于2.htm的路径就是：1.htm

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

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

Si vous créez un lien vers le 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 :

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

Si vous créez un lien vers le 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 :

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

Exemple résumé

现在有4个html文件分别是aaa.html bbb.html ccc.html index.html
aaa.html的路径为：D:/www/adminwang/html/aaa.html
bbb.html的路径为：D:/www/adminwang/ bbb.html
ccc.html的路径为：D:/www/ ccc.html
index.html的路径为D:/www/ index.html

1. Lien vers le même répertoire Fichier
par exemple ccc.html lien du fichier index.html le code est le suivant :

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

2. Liez le fichier dans le répertoire précédent
par exemple bbb.lien html ccc Le code du html est le suivant :

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

3. -level directory
Par exemple, le code du lien aaa.html vers ccc.html est le suivant :

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

4 Lier les fichiers dans les répertoires de niveau inférieur
, par exemple, ccc. .html renvoie à bbb.html, le code est le suivant :

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

5. Lier les fichiers dans des répertoires à 2 niveaux
, par exemple, ccc.html renvoie au code aaa.html comme suit :

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

Chemin absolu HTML
est le chemin complet fourni pour le 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 Une fois que l'on maîtrise le chemin relatif, le chemin absolu est très simple.

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Exemples détaillés de formatage de texte HTML

Résumé des balises fréquemment utilisées en HTML

Bases de l'édition HTML (une lecture incontournable pour les débutants)

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!