如何鏈接相同或不同文件夾中的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. */