Как связать одну HTML-страницу с другой в другой папке - PullRequest
0 голосов
/ 10 июля 2019

Невозможно связать страницу «index2.html» 0 из папки «rock-paper-scissors-game2» с «index.html» в папке «digital-clock».Не уверен, что код неправильный или что-то еще.

Кстати, я использую Atom, и я не знаю, что еще попробовать, потому что код для ссылки выглядит правильно.

<a href="rock-paper-scissors-game2/index2.html"> Game </a>

И когда я запускаю его в Chrome, он выдает ошибку "файл не найден".

Ваш файл не найден Возможно, он был перемещен или удален.ERR_FILE_NOT_FOUND

Ответы [ 2 ]

2 голосов
/ 10 июля 2019

Чтобы сослаться на другой файл В пределах структуры вашего сайта, вы должны использовать относительные ссылки . Относительное означает, относительно текущего загруженного ресурса.

Для доступа к чему-либо в той же папке: просто используйте имя файла:

<a href="file.html">Click Me<a>

Чтобы получить доступ к чему-либо в дочерней папке: начните с имени дочерней папки, косой черты и имени файла:

<a href="childFolder/file.html">Click Me<a>

Чтобы получить доступ к чему-либо, начинающемуся с корня вашего сайта, начните путь с косой черты:

<a href="/pathToFile">Click Me<a>

Чтобы получить доступ к чему-либо в родительской папке, начните с двух точек и косой черты:

<a href="../file.html">Click Me<a>

Чтобы получить доступ к чему-либо, находящемуся в комбинации вышеперечисленного, например к папке с одним братом, вам нужно подойти к родителю, а затем к нужному потомку:

<a href="../digital-clock/index2.html">Click Me<a>

В качестве начального теста, чтобы убедиться, что файл существует, временно поместите его в ту же папку, что и текущая страница, и посмотрите, работает ли первый показанный мной пример. Если нет, у вас другая проблема, чем вы думаете.

Далее вы упоминаете, что index2.html находится в папке digital-clock, но вы не указали эту папку в своей ссылке, поэтому обязательно включите ее. Но, в зависимости от того, где находится эта папка, будет зависеть, какой метод, который я показал выше, вам нужно использовать.

0 голосов
/ 10 июля 2019

Это должно работать <a href="../rock-paper-scissors-game2/index2.html">Game</a>

...