Вебсправочник
Основы веб-разработки

Пути и URL: относительный адрес и корень сайта

Как разрешаются ссылки и почему перенос страницы в подпапку может изменить путь к ресурсу.

Зачем это нужно

Относительный URL вычисляется от базового адреса документа. Поэтому одна строка images/photo.webp может вести к разным файлам на разных уровнях каталога. Понимание этого правила помогает быстро найти сломанные изображения после переноса.

Различайте три формы

Полный адрес включает схему и домен. Адрес с начальным / идёт от корня текущего origin. Путь без начального слеша зависит от каталога документа. Фрагмент после # обозначает часть документа, а параметры после ? передаются в запросе.

Учитывайте завершающий слеш

Адрес /guide/ и /guide могут давать разную базу для относительных путей, если сервер не нормализует их. Используйте согласованную схему URL и проверяйте реальный адрес после перенаправления.

Не переносите локальные пути

C:\Users\… и file:// не являются публичным адресом вашего ресурса. Файл должен входить в опубликованный проект и быть доступен по его HTTP-адресу.

Важное ограничение

URL-параметры видны в истории и логах. Не помещайте пароли и другие секреты в query string только ради простоты передачи.

Контрольная проверка

  • Ресурсы работают при прямом открытии внутренней страницы.
  • Регистр имён совпадает с серверными файлами.
  • Подпапки не меняют ожидаемый путь неожиданно.
  • В адресах нет локальных путей и секретов.

Продолжить изучение: ссылки, файлы проекта.

Самостоятельный учебный материал. Техническая документация: первоисточник по теме ↗. Если результат отличается, проверьте код и версию браузера.