2017-01-18 4 views
1

На моем веб-сайте у меня есть html-файл внутри папки, которая находится рядом с индексным файлом. Я хочу добавить ссылку обратно в индексный файл.Открытие другой страницы в HTML

Например, URL-адрес индекса будет, например, example.com. Вторая страница - example.com/pages/example.html. Как я могу отправить пользователя обратно на индексную страницу?

ответ

1

Предполагая, что вы имеете следующую структуру:

website.com/index.html 
website.com/pages/example.html 

У вас есть три варианта - два относительных ссылок, и один абсолютный ссылка:

относительно example.html:

<a href="../index.html">Back to the index</a> 

по отношению к корень (примечание косой чертой):

<a href="/index.html">Back to the index</a> 

Абсолютные:

<a href="http://example.com/index.html">Back to the index</a> 

Я бы рекомендовал использовать относительный корень, так как ваш сайт URL может измениться в будущем, так что вы действительно не хотите, чтобы жёстко его.

Что касается какой из двух относительных подходов в использовании, относительно корня (/index.html) будет лучшим в вашей базе, как это будет всегда вас обратно в индекс - вы можете переместить example.html в той же папке, что и индекс, или даже вложенной папке pages, и в этом случае потребуется вторая модификация. Если у вас есть эта ссылка на нескольких страницах, это может раздражать;)

Для дальнейшего чтения относительных и абсолютных URL-адресов я рекомендую проверить Coffee Cup article.

Надеюсь, это поможет! :)

+0

https://drive.google.com/file/d/0B_EvfJKNs-5ZQVZHYThDZkRTQ00/view Это то, что происходит, потому что индексный файл находится не в том же месте, что и файл, который должен получить доступ к индексному файлу. – Zane

+0

Является 'index.html' в той же папке, что и' example.html'? Обратите внимание, что это [относительная ссылка] (http://www.extropia.com/tutorials/web_design/relative_absolute_links.html), поэтому они должны быть в одной папке для этого примера. –

+0

Нет, все дело в том, что мне нужно было вернуться в индексный файл, не указав индекс и файл example.html в той же папке. Это моя структура папок. Код -index.html -pages (папка) -example.html мне нужно открыть индекс в то время как в example.html. – Zane

Смежные вопросы