Maison  >  Article  >  interface Web  >  La différence entre les chemins relatifs et les chemins absolus en HTML

La différence entre les chemins relatifs et les chemins absolus en HTML

小云云
小云云original
2018-05-18 14:20:207774parcourir

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 deviendra invalide (le fichier lié ne peut pas être parcouru ou l'image insérée ne peut pas être affichée). 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 Pour créer un lien vers le même répertoire, il vous suffit de saisir le nom du document à lier, par exemple :

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

Si vous créez un lien vers un répertoire de niveau inférieur, vous devez entrez d'abord le nom du répertoire, puis ajoutez "/", puis entrez le nom du fichier, par exemple :

<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 entrez le nom du répertoire et le nom du fichier, par exemple :

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

Exemple de résumé

Il y a maintenant 4 fichiers html, à savoir aaa.html bbb.html ccc.html index.html

  • Le chemin de aaa.html est : D :/www/adminwang/html/aaa.html

  • Le chemin de bbb.html est : D:/www/adminwang/ bbb.html

  • Le chemin de ccc.html est : D:/www/ ccc.html

  • Le chemin de index.html est D:/www/ index.html

Lier les fichiers dans le même répertoire

Par exemple, le code pour ccc.html le lien du fichier index.html est le suivant :

1

305d00088a9fb865a7585b66d8889f6b链接index网页5db79b134e9f6b82c0b36e0489ee08ed

1


9db45e8afa9ab2f5b42aeb63ac5b7ef8Lien vers la page Web d'index5db79b134e9f6b82c0b36e0489ee08ed

Lien vers le fichier du répertoire précédent

1

f7c6053457ddb53b231ac027284d456e链接ccc网页5db79b134e9f6b82c0b36e0489ee08ed

Par exemple, le code pour lier bbb.html à ccc.html est la suivante :
1 d541a63e5727f05e7aeed11bc804f5ee Lien vers la page Web ccc5db79b134e9f6b82c0b36e0489ee08ed


链接上2层目录的文件

例如aaa.html链接ccc.html的代码如下:

1

65a3ea4b342909beb02e2eeb0b82f12e链接ccc网页5db79b134e9f6b82c0b36e0489ee08ed

1


5b81c29b85a5e971f87e0c74e92ba443链接ccc网页5db79b134e9f6b82c0b36e0489ee08ed

链接下级目录的文件

1

7e32070a7861a5e79da29b03470e9c7a链接bbb网页5db79b134e9f6b82c0b36e0489ee08ed

例如ccc.html链接bbb.html的代码如下:

1

9e034279dd40b1ba20c44514ec057fd5链接bbb网页5db79b134e9f6b82c0b36e0489ee08ed

1

61c1505d84d9919b34093872221cde04链接aaa网页5db79b134e9f6b82c0b36e0489ee08ed

链接下2层目录的文件例如ccc.html链接aaa.html的代码如下:
1 c25e5217a622a1d1d3e9ef35315d9a91链接aaa网页5db79b134e9f6b82c0b36e0489ee08ed

HTML绝对路径

为文件提供的完全路径,包括适用的协议或盘符。也就是你的主页上的文件或目录在硬盘上真正的完整的路径。例如:

http://www.adminwang.com/index.htm
d:/ www /html/images/bg.jpg

绝对路径没有什么好说的,相对路径掌握了,绝对路径就很简单了。

相关推荐:
HTMLa标签的href属性指定相对路径与绝对路径使用方法

html的绝对路径和相对路径怎么使用

php算法实现相对路径的案例

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn