51

如果它们位于相同或不同的文件夹中而不写完整路径,我如何链接到 html 页面?

4

14 回答 14

89

在同一文件夹中,只需使用文件名:

<a href="thefile.html">my link</a>

在父文件夹的目录中:

<a href="../thefile.html">my link</a>

在子目录中:

<a href="subdir/thefile.html">my link</a>
于 2009-05-26T03:03:20.900 回答
17

此外,这将上升一个目录,然后返回到另一个子文件夹。

<a href = "../subfolder/page.html">link</a>

要上多个目录,您可以这样做。

<a href = "../../page.html">link</a>

去根,我用这个

<a href = "~/page.html">link</a>
于 2009-05-26T17:32:05.777 回答
16

另外,如果要引用根目录,可以使用:

/

这将指的是根。因此,假设我们在一个嵌套在几级文件夹中的文件中,并且您想返回到主 index.html:

<a href="/index.html">My Index Page</a>

罗伯特对进一步的相对路径解释很准确。

于 2009-05-26T05:55:10.520 回答
11

您可以使用

../

因此,要从 /webroot/site/pages/folder1/myotherpage.htm 进入文件夹 /webroot/site/pages/folder2/mypage.htm,您的链接将如下所示:

<a href="../folder2/mypage.htm">Link to My Page</a>
于 2009-05-26T03:02:29.983 回答
7

使用相对路径

主页可能是: /index.html

二级页面: /otherFolder/otherpage.html

链接是这样的:

<a href="/otherFolder/otherpage.html">otherpage</a>
于 2009-05-26T03:02:28.780 回答
5

如果您想链接到根目录,您可以使用

/, 或者/index.html

如果您想链接到同一目录中的文件,只需输入文件名

<a href="/employees.html">Employees Click Here</a>

要移回文件夹,您可以使用

../

要从根目录链接到员工目录中的索引页面,您可以这样做

<a href="../employees/index.html">Employees Directory Index Page</a>
于 2014-09-22T18:02:56.523 回答
4

我会提醒您:如果您使用的是绝对路径,那么您的应用程序不能安装在服务器的“子目录”中!

例如, http: //yourserver.com/yourapp可能会工作,但http://myserver.com/apps/yourapp不会!

于 2009-05-26T06:06:29.437 回答
3

简短的回答:

. 用于当前目录

..用于上层目录,如cd ..shell 上的命令。

简单而棘手,我写这个答案主要是为了自己不要忘记下次。

ademSite/
├── index.html
└── style.css

中的CSS链接index.html

<link rel="stylesheet" href="style.css">或者 <link rel="stylesheet" href="./style.css">

ademSite/
├── index.html
└── stylefiles
    └── style.css

这种情况应该是:

<link rel="stylesheet" href="stylefiles/style.css">或者<link rel="stylesheet" href="./stylefiles/style.css">

├── html
│   └── index.html
└── stylefiles
    └── style.css

在这种情况下,路径必须是: <link rel="stylesheet" href="../stylefiles/style.css">

于 2019-01-14T01:31:27.710 回答
1

利用

../

例如,如果您的文件,假设图像folder1folder2 您以这种方式找到它

../folder1/folder2/image
于 2016-05-07T03:40:16.163 回答
0

下面的答案是我创建的将 html 内容从另一个共享驱动器链接到我将发送给经理的 html 页面。当然,路径与您的使用相关,但在我的情况下,我只会将 html 发送给他们,而从加载运行器动态更新的所有其他内容都会为我更新。节省大量纸张,并且他们可以按照自己认为合适的方式处理数字,而不仅仅是硬拷贝。

SRC="file://///shareddrive/shareddrive-folder/username/scripting/testReport\contents.html" NAME="contents_frame" title="Table of Contents"
于 2015-01-28T17:08:46.037 回答
0

对于 ASP.NET,这在开发和部署方面对我有用:

<a runat="server" href="~/Subfolder/TargetPage">TargetPage</a>

使用runat="server"href="~/"是进入根目录的关键。

于 2018-03-21T17:26:55.507 回答
0

href="./page.htm" 用于同一目录

href="../page.htm" 父目录

href="~/page.htm" 根目录或最上层目录。

于 2021-06-16T02:45:15.237 回答
-1

这对我有用<a href="preferedfile name.html">to be clicked <a/>

于 2018-04-10T15:06:33.793 回答
-1

当我在创建网页时,我发现将 Html 文件移动到不同的文件夹,它会改变图像、视频、音乐、PDF 文件等的路径。有了它们,你必须走出 HTML 文件位于,与 ../HTML。然后当你出去的时候,根据你的页面内容在哪里,插入,

 <a href="Meme/WP/Chipmunk.html">Chipmunk Memes</a>
 
 */ This is where the HTML is located ^^^^^^ */
 
 <img class="demo cursor" src="../6.png" width="100" height="50" onclick="currentSlide(6)" alt="Sasha Having Some Fun">
 
 */ This is where the images are located. The "../6.png" is the image file, and it is located one directory back. */

于 2022-01-26T18:32:02.277 回答