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

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 :

< td class="gutter" style="font-family:Monaco, Menlo, Consolas, 'Courier Nouveau', monospace;marge:0px;padding:9.5px 0px 9.5px 9.5px;background-color:rgb(247,247,249);border -right-color:rgb(225,225,232);float:aucun;line-height:1.7em; vertical-align:baseline;min-height:auto;font-size:13px;color:rgb(175,175,175);">

1

链接index网页

1

< a href="index.html">Lien vers la page Web d'index

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

1

链接ccc网页

<🎜>Par exemple, le code pour lier bbb.html à ccc.html est la suivante : <🎜>

<🎜>1<🎜>

<🎜> Lien vers la page Web ccc<🎜>

链接上2层目录的文件

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

1

链接ccc网页

1

链接ccc网页

链接下级目录的文件

1

链接bbb网页

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

1

链接bbb网页

1

链接aaa网页

<🎜>< 🎜>链接下2层目录的文件<🎜><🎜>例如ccc.html链接aaa.html的代码如下：<🎜>

<🎜>1<🎜>

<🎜>链接aaa网页<🎜>

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!