Разница между абсолютными и относительными путями файлов

Ни один аспект веб-дизайна не является более веб-ориентированным, чем гиперссылки (обычно называемые просто ссылками). Возможность создания ссылки на странице и предоставления читателям легкого доступа к другому контенту является одной из определяющих черт, которые отличают веб-сайты от других средств коммуникации, таких как печатные или вещательные СМИ.

Эти ссылки легко добавить на страницу, и они могут быть на другие веб-страницы, либо на вашем сайте, либо в любом другом месте в Интернете. Вы также можете иметь ссылки на другие ресурсы, такие как изображения, видео или документы. Тем не менее, как бы ни были просты добавления ссылок, они также являются одним из элементов, которые многие новые веб-дизайнеры сначала пытаются понять, особенно с точки зрения концепции путей к файлам и того, что означает абсолютный или относительный путь, а также когда один используется вместо другого.

В каждом из описанных выше примеров ссылок вам необходимо продумать, как вы собираетесь подключаться к этим различным страницам или ресурсам вашего сайта. В частности, вам нужно решить, какой тип URL-адреса вы будете писать. В веб-дизайне есть два стандартных способа создания ссылок и два вида путей, которые вы можете использовать:

  • Абсолютные пути
  • Относительные пути

URL-адреса абсолютного пути

Абсолютные пути используют URL-адреса, которые ссылаются на очень конкретное местоположение в Интернете. Эти пути будут включать доменное имя как часть самого пути ссылки. Пример абсолютного пути к этой веб-странице:

Обычно вы указали бы абсолютный путь, если хотите указать на веб-элементы, которые находятся в домене, отличном от вашего. Например, если вы хотите создать ссылку на страницу на другом веб-сайте, вам необходимо указать полный URL-адрес этой ссылки, поскольку вы покидаете один домен (webdesign.lifewire.com), чтобы перейти на другой. Эта ссылка просто добавит элемент внутри страницы с URL-адресом, используемым в качестве значения атрибута «href» для этой ссылки.

Так что, если вы ссылаетесь на что-либо, что находится «вне сайта», вы должны будете использовать абсолютный путь, но как насчет страниц или ресурсов в вашем собственном домене? На самом деле вы можете использовать абсолютные пути, даже если вы ссылаетесь на страницы на своем сайте, но это не обязательно, и, в зависимости от среды разработки, абсолютные пути могут вызвать проблемы.

Например, если у вас есть среда разработки, которую вы используете при создании веб-сайта, и вы кодируете все URL-адреса абсолютно по этому URL-адресу, то все они должны быть изменены при запуске сайта. Чтобы избежать этой проблемы, пути к файлам для любых локальных ресурсов должны использовать Относительные пути.

URL относительного пути

Относительные пути меняются в зависимости от страницы, на которой находятся ссылки — они относятся к той странице, к которой они относятся (отсюда и название). Если вы ссылаетесь на страницу на своем собственном сайте или на изображение внутри каталога «images» на этом сайте, то вы, скорее всего, будете использовать относительный путь. Относительные пути не используют полный URL страницы, в отличие от абсолютных путей, которые мы только что рассмотрели.

Существует несколько правил создания ссылки с использованием относительного пути:

  • Ссылки в том же каталоге, что и текущая страница, не содержат информации о пути:
    имя файла
  • Подкаталоги перечислены без каких-либо предшествующих слешей:
    еженедельно / имя_файла
  • Ссылки на один каталог перечислены как:
    ../имя файла

Как определить относительный путь


  1. Сначала определите URL страницы, которую вы редактируете. В случае приведенной выше статьи-примера это будет / filename.


Здесь вы увидите, что мы пишем относительный путь, начиная этот путь с косой черты (/). Этот символ говорит браузеру перейти в корень текущего каталога. Оттуда вы можете добавлять любые папки или имена файлов, которые вам нужны для вашего конкретного ресурса, переходя к папкам и документам, чтобы, наконец, получить именно тот ресурс, с которым вы хотите связать.

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

Ссылка на основную публикацию