Игра на «Морской Бой» на JavaScript: «Простая Игра» и «Игра для Двоих»
Yutex - Платный хостинг PHP.
Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Интернет-магазин под ключ

Статьи для сайтов!!!
Главная Статьи Путь к файлу Блочные и строчные элементы

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

Абсолютный адрес
Относительный адрес


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

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

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

Абсолютный адрес

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

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

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

Пример

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

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

Результат:

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

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

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

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

Относительный адрес

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

Приведем несколько примеров.

1 Вариант - файлы расположены в одной папке

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

Пример

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

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

Результат:

2 Вариант - ссылка на файл, расположенный во вложенной папке

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

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

Пример

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

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

Результат:


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


3 Вариант - ссылка из вложенной папки

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

Пример

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

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

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

И последний вариант...

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

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

Пример

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

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

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

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

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

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

Семейства шрифтов Путь к файлу Блочные и строчные элементы
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru