欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-05-09 22:54:57
...

一、不同目录下文件的引用
假设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>

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

相关标签: html 前端 html