Как связать html-страницы в одинаковых или разных папках?

Ответ 1

В той же папке просто используйте имя файла:

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

В каталоге родительской папки:

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

В подкаталоге:

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

Ответ 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>

Роберт находится на месте с дальнейшими объяснениями относительного пути.

Ответ 4

Вы можете открыть папку в иерархии, используя

../

Итак, чтобы попасть в папку /webroot/site/pages/folder 2/mypage.htm из/webroot/site/pages/folder1/myotherpage.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

Используйте

../

Например, если ваш файл, скажем, изображение находится в folder1 в folder2 вы найдете его таким образом

../folder1/folder2/image

Ответ 9

Для ASP.NET это помогло мне в разработке и развертывании:

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

Использование runat="server" и href="~/" являются ключами для перехода к корню.

Ответ 10

Короткий ответ:

, для текущего каталога

.. для верхнего каталога, как в команде cd.. на оболочке.

Простой, но хитрый, я пишу этот ответ в первую очередь для себя, чтобы не забыть в следующий раз.

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

Ссылка на CSS в index.html:

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

Ответ 11

Это <a href="preferedfile name.html">to be clicked <a/> мне <a href="preferedfile name.html">to be clicked <a/>

Ответ 12

Ниже приведено то, что я создал, чтобы связать содержимое html с другим общим диском с html-страницей, которую я отправил бы менеджерам. Конечно, путь относительно вашего использования, но в моем случае я бы просто послал им html, и все остальное, обновленное из динамика загрузки динамически, будет обновлено для меня. Сохраняет тонны бумаги, и они могут играть с цифрами, как они считают нужным, а не просто печатной копией.

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