如何链接相同或不同文件夹中的html页面？

Question

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

Answer 1

在同一个文件夹中，只需使用文件名：

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

在父文件夹的目录中：

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

在子目录中：

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

Answer 2

另外，如果要引用根目录，可以使用：

/

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

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

罗伯特对进一步的相对路径解释很到位。

Answer 3

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

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

要上多个目录，您可以执行此操作。

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

去根，我用这个

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

Answer 4

您可以使用

../

因此，要从 /webroot/site/pages/folder1/myotherpage.htm 访问文件夹 /webroot/site/pages/folder2/mypage.htm，您的链接将如下所示：

<a href="../folder2/mypage.htm">Link to My Page</a>

Answer 5

使用相对路径

主页可能是： /index.html

二级页面： /otherFolder/otherpage.html

链接是这样的：

<a href="/otherFolder/otherpage.html">otherpage</a>

Answer 6

如果你想链接到根目录，你可以使用

/ , 或/index.html

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

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

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

../

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

<a href="../employees/index.html">Employees Directory Index Page</a>

Answer 7

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

例如， http : //yourserver.com/yourapp可能会起作用，但http://myserver.com/apps/yourapp不会！

Answer 8

简短的回答：

. 用于当前目录

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

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

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

index.html CSS的链接：

<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">

Answer 9

采用

../

例如，如果你的文件，可以说图像是在folder1在folder2你找到它这样

../folder1/folder2/image

Answer 10

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

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

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

Answer 11

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

SRC="file://///shareddrive/shareddrive-folder/username/scripting/testReport\contents.html" NAME="contents_frame" title="Table of Contents"

Answer 12

对于 ASP.NET，这对我的开发和部署有用：

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

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

Answer 13

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

Answer 14

当我在创建网页时，我发现将 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. */