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

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

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

/

哪个会引用根.所以,假设我们在一个嵌套在几个级别的文件夹中的文件中,并且您想要返回到主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>

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

../

要从根目录链接到employees目录中的索引页面,您可以执行此操作

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