Maison > Article > interface Web > La différence entre les chemins relatifs et les chemins absolus en HTML
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
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”>
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 |
f7c6053457ddb53b231ac027284d456e链接ccc网页5db79b134e9f6b82c0b36e0489ee08ed |
1 | d541a63e5727f05e7aeed11bc804f5ee Lien vers la page Web ccc5db79b134e9f6b82c0b36e0489ee08ed |
链接上2层目录的文件
例如aaa.html链接ccc.html的代码如下:
|
5b81c29b85a5e971f87e0c74e92ba443链接ccc网页5db79b134e9f6b82c0b36e0489ee08ed |
1 |
7e32070a7861a5e79da29b03470e9c7a链接bbb网页5db79b134e9f6b82c0b36e0489ee08ed |
例如ccc.html链接bbb.html的代码如下:
1 | 9e034279dd40b1ba20c44514ec057fd5链接bbb网页5db79b134e9f6b82c0b36e0489ee08ed
|
1 | c25e5217a622a1d1d3e9ef35315d9a91链接aaa网页5db79b134e9f6b82c0b36e0489ee08ed |
为文件提供的完全路径,包括适用的协议或盘符。也就是你的主页上的文件或目录在硬盘上真正的完整的路径。例如:
http://www.adminwang.com/index.htm d:/ www /html/images/bg.jpg
绝对路径没有什么好说的,相对路径掌握了,绝对路径就很简单了。
相关推荐:
HTMLa标签的href属性指定相对路径与绝对路径使用方法
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!