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

Понимание разницы между абсолютным и относительным URL-путем

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

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

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

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

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

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

  https://www.lifewire.com/web-typography-101-3470009  

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

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

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

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

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

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

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

      weekly/filename  
  • Ссылки на один каталог перечислены как:

      ../ filename  

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

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

      https://www.lifewire.com/web-typography-101-3470009  
  2.  /веб-типографика-101-3470009  

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

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

Оцените статью
Solutics.ru
Добавить комментарий