Skip to main content

Абсолютные и относительные пути к файлам

Абсолютный и относительный путь к файлу. Уникальный атрибут HTML тега a href (Июнь 2026)

Абсолютный и относительный путь к файлу. Уникальный атрибут HTML тега a href (Июнь 2026)
Anonim

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

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

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

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

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

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

https://www.Go-Travels.com/web-typography-101-3470009

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

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

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

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

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

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

  • Ссылки в том же каталоге, что и текущая страница, не содержат информации о пути:

    имя файла

  • Подкаталоги перечислены без каких-либо предшествующих слэшей:

    еженедельно / имя_файла

  • Ссылки вверх по одному каталогу перечислены как:

    ../имя файла

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

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

    https://www.Go-Travels.com/web-typography-101-3470009

  2. / Веб-типографика-101-3470009

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

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