Далее на странице

Тем, кто изучал и знает 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>
Подведем итог
Таким образом, относительные ссылки, относительный путь к файлу или относительный адрес используют для организации ссылочной структуры между файлами, которые являются страницами одного сайта, а также файлами, содержащими изображения, фотографии и другие объекты, которые также непосредственно относятся к текущему сайту.
То есть все файлы, это и страницы сайта, и различные объекты, вставляемые на эти страницы, расположены на разных уровнях вложенности, но в одном корневом каталоге.
Если требуется сослаться на какую-либо страницу другого сайта или вставить какой-либо объект, расположенный на другом сайте, то здесь уже нужно использовать абсолютный путь к файлу.