«Единственный способ творить великие дела – это любить то, что ты делаешь»
Статьи


Тем, кто изучал и знает HTML известно, что в качестве значения атрибута href тега a необходимо указать путь к файлу, на который делается ссылка.

Или, например, значением атрибута src тега img является путь к файлу с изображением, которое будет располагаться на странице.

Путь к файлу - это его адрес. Адрес может быть абсолютным и относительным.

Итак, что такое абсолютный и относительный пути к файлу?



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

Абсолютный путь к файлу (иногда говорят полный путь к файлу) или абсолютный адрес работает везде, где прописана ссылка - независимо от имени сайта и его расположения.

Например, ссылка https://www.webpupil.ru является абсолютной и ведет на главную страницу этого сайта.

Ссылка https://www.webpupil.ru/articles.php также является абсолютной и указывает путь к странице этого сайта, содержащей перечень статей - к файлу articles.php.

Фрагмент кода

<a href="https://www.webpupil.ru/articles.php">
Ссылка на файл articles.php
</a>

Результат

Таким образом, абсолютный адрес или абсолютный путь к файлу - это полный путь к файлу, начинающийся с указания протокола http или https с двоеточием и двумя символами слэш ://, затем указывается адрес сайта, в нашем случае - это www.webpupil.ru и далее через слэш / непосредственно имя файла - articles.php.

Если файл расположен не в корневом каталоге сайта (корневой каталог/папка - это каталог, который не является подкаталогом ни одного другого каталога), а в папке folder (то есть расположен во вложенной папке), то для указания абсолютного пути к этому файлу следует после имени сайта указать имя папки, а затем имя самого файла: https://www.webpupil.ru/folder/articles.php.

Любую абсолютную ссылку (то есть ссылку, содержащую адрес сайта) можно разместить на любой странице любого другого сайта или текущего сайта, и она будет рабочей, то есть, кликнув по ней, пользователь обязательно перейдет по указанному в ней адресу.

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

Относительный путь к файлу

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

Рассмотрим несколько примеров.

Файлы расположены в одной папке

Главная страница этого сайта - файл index.php и страница, содержащая перечень статей - файл articles.php находятся в корневом каталоге (в одной папке). Для создания ссылки с одной из этих страницы на другую, необходимо в качестве значения атрибута href тега a указать имя файла, на который делается ссылка.

Фрагмент кода

<a href="index.php">
Относительная ссылка на главную страницу - файл index.php
</a>

Результат

Ссылка на файл, расположенный во вложенной папке

Файл articles.php находится в корневом каталоге, а файл с изображением, которое необходимо вставить на страницу располагается во вложенной папке img корневого каталога.

Вложенная папка или каталог – это папка, которая расположена внутри другого каталога. Условно назовем это первым уровнем вложенности.

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

Фрагмент кода

<p> <img src="img/peng_128.png">
Относительный путь к файлу с изображением.
</p>

Результат

Относительный путь к файлу с изображением.

Ссылка из вложенной папки

Теперь наоборот: допустим, текущий файл находится во вложенной папке, а файл index.php, на который делается ссылка, расположен в корневом каталоге. В этом случае относительная ссылка (из файла, расположенного во вложенной папке) на файл index.php будет иметь следующий вид:

Фрагмент кода

<a href="../index.php">
Относительная ссылка на главную страницу из файла, находящегося во вложенной папке
</a>

То есть перед именем файла, на который делается ссылка из вложенного каталога, необходимо поставить две точки и слэш ../.

Второй уровень вложенности каталога

Еще один пример работы с относительными ссылками.

Файл, на который делается ссылка, имеет второй уровень вложенности, то есть он расположен в папке, которая уже является вложенной.

Тогда, чтобы сделать ссылку на файл, который расположен в корневом каталоге, необходимо добавить еще две точки и слэш ../.

Фрагмент кода

<a href="../../index.php">
Относительная ссылка на главную страницу из файла, имеющего второй уровень вложенности
</a>

Подведем итог

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

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

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

Отзывы и комментарии:

Комментариев нет...

Оставить отзыв:

Ваше Имя:

Текст комментария:

Ответьте на вопрос:

Сколько дней в Високосном году?

Статьи по популярности