Question

如果html页面位于相同或不同的文件夹而不编写完整路径，我如何链接到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

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

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

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

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

要成为根，我使用此

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

Answer 3

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

哪个会引用根。所以，假设我们在一个嵌套在几个级别的文件夹中的文件中，并且您想要返回主index.html：

<a href="/index.html">My Index Page</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>

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

../

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

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

Answer 7

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

例如，http://yourserver.com/yourapp可能有效，但http://myserver.com/apps/yourapp不会！

Answer 8

使用

../

例如，如果您的文件，请假设图片位于folder1中的folder2 你这样找到它

../folder1/folder2/image

Answer 9

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

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

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

Answer 10

对于ASP.NET，这对我开发和部署起了作用：

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

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

Answer 11

简短回答：

。用于当前目录

.. 用于上层目录，如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 12

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

Answer 13

下面的答案是我创建的用于将来自另一个共享驱动器的html内容链接到我将发送给管理员的html页面。当然，路径是相对于你的使用，但在我的情况下，我只是向他们发送html，并且动态更新从load load更新的所有其他内容将为我更新。节省了大量的纸张，他们可以按照他们认为合适的数字来玩，而不仅仅是硬拷贝。

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

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

13 个答案: