Относительные ссылки

До сих пор мы ссылались на страницы с адресами вроде https://en.wikipedia.org/. Такие ссылки называются абсолютными, потому что содержат полный адрес со всеми частями.

Второй вид — относительные ссылки. Выглядит такая ссылка так: ./dog.html. Чтобы её понять, нужны два термина:

• Папка (её также называют каталогом) — место, где хранятся файлы, как и папки на вашем компьютере. Файлы сайта тоже лежат в папках.
• Домен — имя сайта в его адресе, например startcoder.com или wikipedia.org.

В ./dog.html часть ./ означает «в текущей папке» (в папке страницы со ссылкой), а dog.html — файл, на который мы ссылаемся.

Относительные ссылки используют для ссылок на страницы своего домена. Чтобы перейти со страницы startcoder.com/index.html на startcoder.com/about-us.html, мы использовали бы такую относительную ссылку:

<a href="./about-us.html">О нас</a>

А чтобы перейти с startcoder.com на wikipedia.org, нужна абсолютная ссылка.

Теперь в нашем упражнении два файла: index.html со страницей о кошке и dog.html со страницей о собаке. Переключаться между ними можно над редактором. index.html — обычное имя главной страницы сайта.