Блог

Главная - Вопросы по программированию - попытка создать ссылку на index.html с другой HTML-страницы, расположенной глубже в структуре папок

попытка создать ссылку на index.html с другой HTML-страницы, расположенной глубже в структуре папок

#html #anchor

#HTML #привязка

Вопрос:

Я пытаюсь заставить что-то базовое работать здесь. У меня есть индексная страница в моем корневом каталоге и другая папка под названием collections. В коллекциях у меня есть другая папка ‘MA’, в которой ‘MA.html ‘. Все, что я хочу сделать, это связать MA.html вернуться к index.html. У меня есть ссылка привязки «назад», которая пытается это сделать, но при нажатии она просто перезагружается MA.html снова. Я все еще новичок в веб-разработке, так что, пожалуйста, будь со мной помягче. Я добавляю изображение моей структуры папок.

введите описание изображения здесь

Вот мой HTML —

 <div class="info overlay">
     <div class="text">
        <a href="/collections/MA/MA.html">MA</a>
        <a href="/collections/capsule.html">Capsule</a>
        <a href="/collections/BA/BA.html">BA</a>
     </div>
     <a href="/index.html" class="info-back">Back</a>
  </div>

Комментарии:

1. ИТАК, когда я нажимаю «назад», URL-адрес меняется на index.html на секунду, но она перенаправляет обратно на collections / MA

2. href="/index.html" действительно должна быть ссылка на index.html , которая находится в корне сайта. Можете ли вы показать, какой URL-адрес, когда вы просматриваете MA.html файл, и какой URL-адрес, когда вы просматриваете index.html файл в вашем браузере?

3. итак, URL при просмотре MA.html — 127.0.0.1:5501/collections/MA/MA.html и URL при просмотре index.html это — 127.0.0.1:5501/index.html

4. если index — это ваша домашняя страница, вам следует просто поставить / вместо /index.html

5. Тогда я не могу воспроизвести описанное поведение. Что конкретно происходит при нажатии на ссылку, когда вы используете средства отладки вашего браузера? При наведении курсора мыши на ссылку какой URL предварительного просмотра отображается в строке состояния? Какой адрес запрашивается браузером? Переходит ли она на index.html , но затем перенаправляется обратно на MA.html ? Здесь происходит что-то еще, что не включено в вопрос.

Ответ №1:

В index.html

 <a href="./collections/MA/MA.html">MA</a>

Это то же самое, что и раньше, как только вы попадаете на MA.html вы хотите вернуться к index.html Итак-

В MA.html

 <a href="../../index.html">link</a>

.. (двойные точки) означают «перейти на уровень каталога».

Ответ №2:

Попробуйте удалить / перед вызовом каталога

Ответ №3:

<a href="./collections/MA/MA.html">redirect</a> Это позволит вам подключиться index.html с помощью MA.html.