Как связать 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

Кроме того, это перейдет в каталог, а затем вернется в другую подпапку.

<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/folder2/mypage.htm из /webroot/site/pages/folder1/myotherpage.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

Использование

../

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

../folder1/folder2/image

Answer 9

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

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

.. для верхнего каталога, как в команде 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">

Answer 10

Это сработало для меня <a href="preferedfile name.html">to be clicked <a/>