Относительные и абсолютные ссылки

Относительные ссылки

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

путь/документ.html

Обычно в относительном URL имя сервера опущено, и указывается сокращенный адрес документа, который автоматически комбинируется с базовым адресом.

Разберем как будет формироваться относительный URL, в зависимости от расположения файлов. Легче понять на примере.

Основной документ - ссылающийся документ в котором находится ссылка

Цель ссылки - запрашиваемый документ

Текущая папка - где расположен основной документ

Вложенная папка - внутри текущей

Соседняя папка - вместе с текущей,  располагается в общей родительской

Родительская папка - внешняя по отношению к текущей 

<!-- HTML. Код в файле основной-документ.html -->
 
<!-- Вариант 1. Цель в том же текущем каталоге -->
<a href="цель-1.html">Цель-1</a>
 
<!-- Вариант 2. Цель во вложенной папке -->
<a href="вложенная/цель-2.html">Цель-2</a>
 
<!-- Вариант 3.Цель в соседней папке -->
<a href="../соседняя/цель-3.html">Цель-3</a>
 
<!-- Вариант 4. Цель во внешней папке -->
<a href="../цель-4.html">Цель-4</a>

Бывают и более сложные варианты с большим числом уровней вложенности.

Абсолютные ссылки

Если запрашиваемый документ находится на другом сервере, то необходимо указывать абсолютный URL

http://сервер/путь/документ.html

URL типа http

Самый обычный URL, наиболее часто применяемый в качестве цели гиперссылки. Выглядеть может вот так:

http://www.site-name.com

В общем виде данный тип имеет следующий формат: http://сервер:порт/путь

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

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

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

URL типа file

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

 file://сервер/путь

File-сервер, как и http-сервер, должен быть доменным именем или IP-адресом компьютера, содержащего скачиваемый файл. Отличие - протокол соединения не указывается. Файловый сервер может быть неквалифицированным, но уникальным именем компьютера в личной сети, или устройством хранения информации.
Путь к запрашиваемому файлу на указанном сервере может различаться в зависимости от операционной системы на сервере

Примеры

<!--- Если файл на диске D локального компьютера: --->
 
<a href="file://D:\путь\имя_файла.html">ссылка для Windows-систем</a>
<a href="file://D:/путь/имя_файла.html">ссылка для Unix-систем</a>
 
<!--- На сервере локального компьютера пользователя: --->
 
<a href="file://localhost/home/document.html">Документ</a>
 
<!--- На удаленном сервере server-name.com: --->
 
<a href="file://server-name.com/document.html">Документ</a>

URL для mailto

<!--- Заставляет отправлять сообщение указанному адресату: --->
 
<a hrеf="mailtо:fоg@fоgnsnow.ru">письмо мне</a>
 
<!--- Можно указать несколько получателей с адресами через запятую --->
<!--- Установка темы сообщения: --->
 
<a hrеf="mailto:fоg@fоgnsnow.ru?subject=Test mailto">письмо мне + тема</a>
 
<!--- Можно установить адрес и тему для копии. --->

URL типа ftp

Указатель ресурса типа ftp используется для получения документов с FTP-серверов. В общем виде выглядит так:

ftp://пользователь:пароль@сервер:порт/путь;тип=код_типа

FTP (Fail Transfer Protocol) - служба, требующая аутентификации. Значит для получения документа с сервера, вы должны быть зарегистрированным пользователем и знать пароль.
Многие FTP-серверы дают ограниченный доступ к своему содержимому всем желающим под логином - anonymous или quest, а порой и без всякого логина (подразумевается по умолчанию)

Сервер и порт указываются по тем же правилам, что и в http URL (если порт не указан, то по умолчанию назначается порт 21)

Путь - последовательность каталогов, разделенных символом наклонной черты, ведущей к запрашиваемому файлу.
Код_типа передачи - по умолчанию файлы передаются как двоичные. Если указать type=
d - название каталога
a - файл содержащий ASCII-текст
остальное смотрите в справочнике...

Примеры

<!--- Анонимный доступ к файлу file_1 на сервере --->
 
<a href="ftp://www.site-name.ru/my_files/file_1"></a>
 
<!--- Пользователь fog запрашивает оглавление каталога ctl_name --->
<!--- будет выдан запрос с предложением ввести пароль --->
 
<a hrеf="ftp://name@sitе-name.com/ctl_name;type=d"></a>
 
<!--- Пользователь user с паролем myPswd запрашивает файл file_2 --->
<!--- файл должен быть интерпретирован как ASCII-текст --->
 
<a hrеf="ftp://user:mуPswd@sitе-name.com/file_2;type=a"></a>

Ссылки внутри одной страницы

Обычно такие ссылки называют якорями.

Для создания ссылки на определенный фрагмент на той же странице нужно выполнить два действия:

1. Создать фрагмент, который будет служить целью для гиперссылки
2. Создать ссылку на этот фрагмент

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

После этого создается сама ссылка, у которой атрибуту href задается значение идентификатора фрагмента после знака решетки (#)

Пример:

<!--HTML. Создание фрагмента -->
<h3 id="Atribut_link">Атрибуты ссылки</h3>
...
<!-- Создание ссылки на фрагмент -->
<a href="#Atribut_link">Фрагмент "Атрибуты ссылки"</a>

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

<a href="somepage.html#Atribut_link">Фрагмент на другой странице</a>

По ссылке будет осуществлен переход к указанному фрагменту на другой станице.

При использовании абсолютного URL, адрес формируется аналогично:

<a href="http://site-name.com/somepage.html#Atribut_link">
  Абсолютная ссылка на фрагмент
</a>