HTML中相对路径的方式引用文件

一、不同目录下文件的引用
假设index.html与test.html位于不同文件下:

<a href="../index.html">index.html</a>

这里的"…/“表示当前目录下的上一级目录,”…/…/"则表示当前目录下的上上级目录,依次类推。
假如index.html位于user文件夹下时,要从下级目录下链接到index.html页面,则应写成如下形式:

<a href="../user/index.html>index.html</a>

二、同一目录下的文件引用
同样地,假设index.html与test.html位于相同文件下,可以直接写成:

<a href="index.html>index.html</a>

三、下级目录下的文件引用
当文件test.html位于D:/WEB/test.html下,而index.html位于D:/WEB/admin/index,要在test.html中引用index文件,可写成如下形式:

<a href="admin/index.html>index.html</a>

在引用图片文件时也是一样的。

发布了6 篇原创文章 · 获赞 0 · 访问量 963

猜你喜欢

转载自blog.csdn.net/sinat_41374125/article/details/90485980