Ваш сайт может состоять из нескольких страниц, а может даже из 1000 страниц!
Наша задача дать пользователю возможность переходить с одной страницы на другую.
Для этого используются гиперссылки, в простонародье - ссылки.
Гиперссылки задаются с помощью тега <a>
Страница на которую следует перейти указывается в атрибуте href
Путь (англ. path) — набор символов, показывающий расположение файла в файловой системе, адрес каталога.
Выполните действия:
Сейчас у вас имеется вот такая структура:
Папка public_html для наших фалов является корневой директорией. Относительно этой папки мы задаём путь к файлу, причём этут папку в пути указывать не нужно. Так как файлы index.html и page.html находятся в одной и той же директории мы указываем только название файла в атрибуте href.
Теперь посмотрите на вот эту структуру:
Если вы захотите реализовать переход со страницы index.html на article1.html, то вам нужно будет указать такой путь: "blog/article1.html".
Таким образом вы приказываете браузеру спуститься в папку(поддиректорию) blog , и перейти к файлу article1.html
Если вы захотите реализовать переход со страницы article1.html на index.html, то вам нужно будет указать такой путь: "../index.html".
Таким образом вы приказываете браузеру подняться во внешнюю папку(родительскую директорию) ../, и перейти к файлу index.html
Посмотрите ещё один пример: ссылка со страницы article1.html на article2.html
Здесь мы указываем только название файла, так как оба файла находятся в одной и той же директории.
Итог: путь который зависит от текущего местоположения файла, называется относительный.
Теперь давайте откроем файл index.html и взглянем на адресную строку браузера, вот мой пример:
Здесь мы видим полный путь к файлу, начиная от диска C:/ заканчивая файлом index.html, такой путь называется абсолютный.
В интернете абсолютные пути начинаются с протокола, например https://vozhzhaev.ru/education/
Всегда используйте относительные пути!
Вы можете делать сайт у себя на компьютере используя абсолютные ссылки,
тогда пути будут начинаться с диска на котором расположен ваш сайт, например у меня это диск C:/.
Но когда я захочу показать сайт всему миру и загружу его на сервер ссылки перестанут работать,
потому что никакого диска C:/ и уж темболее папки Desktop как у меня на компьютере на сервере нет.
Ещё одна проблема возникнет когда вы хотите сменить адрес сайта.
Если я буду использовать такие ссылки https://vozhzhaev.ru/education/
Зачем тогда нужны абсолютные пути?
Когда мы хотим обратиться на другой ресурс в интернете мы используем абсолютный путь.
Например когда указываем ссылку на другой сайт.