Ссылки и изображения / Относительные адреса [4/13]
×

Относительные адреса [4/13]

В относительных адресах нет ни протокола, ни имени сервера, а путь не начинается со слэша /. Вот примеры относительных адресов:

courses/1
./courses
../../run/1

В относительных адресах могут использоваться специальные символы, аналогичные символам в путях файловых систем: . и ...

Если браузер видит, что у ссылки задан относительный адрес, то он должен преобразовать этот адрес в абсолютный, чтобы знать, куда ведёт ссылка. Для этого браузер использует текущий адрес страницы. Например, так преобразуются адреса разных ссылок на одной и той же странице:

Текущий адрес Адрес в ссылке Преобразуется в
http://site.ru/news/1 2 http://site.ru/news/2
http://site.ru/news/1 .. http://site.ru/
http://site.ru/users/profile/1 ../../contacts http://site.ru/contacts
Использовать относительные адреса для навигации по сайту не рекомендуется. Однако относительные адреса бывают полезны, например, во внешних CSS-файлах.

Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Относительные адреса</title> </head> <body> <h1>HTML Academy</h1> <p>Адрес текущей страницы <code>https://htmlacademy.ru/courses/40/run/4</code>. Куда же ведут ссылки с относительными адресами в списке ниже?</p> <ul> <li><a href="3">Предыдущее задание</a></li> <li><a href="..">Описание курса</a></li> <li><a href="../../4">Курс «Знакомство»</a></li> </ul> </body> </html>
CSS
code { padding: 3px; border: 1px solid #e1e1e8; background-color: #f7f7f9; color: #dd1144; }
HTML Academy
  1. Чтобы узнать, куда ведут относительные адреса, щёлкните в мини-браузере по первой ссылке,
  2. второй ссылке,
  3. третьей ссылке.
Чтобы вернуть содержимое мини-браузера после перехода по ссылке, нажмите кнопку
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.