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

【问题标题】：How to link html pages in same or different folders?如何链接相同或不同文件夹中的html页面？
【发布时间】：2009-05-26 02:59:26
【问题描述】：

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

【问题讨论】：

标签： html anchor

【解决方案1】：

在同一个文件夹中，使用文件名即可：

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

在父文件夹的目录中：

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

在子目录中：

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

【讨论】：

再加上 joeylange，你自己就有了答案。 :)
@AkshayVijayJain 是也不是。超级目录是“上一级”。子目录“下一层”

【解决方案2】：

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

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

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

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

为了去根，我用这个

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

【讨论】：

【解决方案3】：

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

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

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

Robert 对进一步的相关路径解释非常准确。

【讨论】：

【解决方案4】：

您可以通过使用在层次结构中上一个文件夹

../

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

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

【讨论】：

【解决方案5】：

使用相对路径

主页可能是： /index.html

二级页面： /otherFolder/otherpage.html

链接是这样的：

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

【讨论】：

【解决方案6】：

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

/，或/index.html

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

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

要移回一个文件夹，你可以使用

../

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

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

【讨论】：

【解决方案7】：

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

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

【讨论】：

【解决方案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">

【讨论】：

【解决方案9】：

使用

../

例如，如果您的文件，假设图像在folder1 在folder2 你这样定位它

../folder1/folder2/image

【讨论】：

【解决方案10】：

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

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

【讨论】：

【解决方案11】：

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

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

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

【讨论】：

【解决方案12】：

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

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

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

【讨论】：

【解决方案13】：

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

【讨论】：

【解决方案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. */

【讨论】：

正如目前所写，您的答案尚不清楚。请edit 添加其他详细信息，以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center。