Гипертекстовые ссылки

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

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

Структура URL

URL (Uniform Resource Locator) - универсальные описания мест, где находятся ресурсы для представления не только гипертекстовых, но и ссылок на сетевые сервисы, причем прямо из HTML-документа.

Формат URL:

method://hostname:port/path# anchor

До двоеточия - первая часть URL. Она описывает способ (метод) доступа либо сетевой сервис. Часть URL, что после двоеточия, интерпретируется, исходя из метода доступа.

Имя компонента

method
Вид протокола доступа или операции, которая выполняется при интерпретации данного URL.

          Методы                                      Описание                                                             Пример

          http:                          Запрос доступа к WEB-странице с                        http://site.ru/index.php
                                           использованием http-протокола.
                                           Это чаще всего используемый
                                           способ доступа к документу HTML.

          ftp:                            Запрос файла с FTP-сервера.                                ftp://site.ru/pic.jpg

          file:                           Чтение файла с локального диска.                         file://site.ru/file.doc
                                           Имя файла комментируется для
                                           локального хоста. Этот метод
                                           используется для представления
                                           всякого файла, который находится
                                           непосредственно на хосте

          mailto:                      Отправка почтового сообщения                             mailto:site.ru@gmail.com
                                           определенному пользователю,
                                           если, конечно, браузер
                                           поддерживает автоматический
                                           запуск электронной почты.

          telnet:                       Обращение к службе telnet

          news:                       Вызов службы новостей, в том
                                           случае, если браузер ее поддерживает.

hostname
Описывает определенное имя хоста (компьютера или узла). В случае, когда имя сервера не названо, ссылка считается локальной. И полный путь, который указан в дальнейшем в URL, вычисляется именно на той машине, с которой получен HTML-документ, содержащий эту ссылку. IP-адрес можно использовать вместо символьного названия машины.

Впрочем, это нежелательно, так как существует возможность пересечения с локальными фиксированными адресами внутренней сети.

Пример:
----------------
site.ru
www.site.ru
repair.site.ru
----------------

port
Номер TCP порта, на котором действует (функционирует) WEB-сервер. "По умолчанию" применяется порт 80. Это в том случае, если порт не назван. Однако в большей части URL данный параметр не используется:

path
В итоге комментирования URL path вызывает и выборочный, и подробный путь к документу.
Для трактовки пути доступа к документу разные WEB-серверы созданы различно. Если следом после сетевого названия машины идет название документа, то на удаленной машине он должен размещаться в корневом каталоге.

UNIX-подобный синтаксис используется при изображении пути, на котором вместо обратных применяются прямые слэши. Это отличие UNIX от DOS и Windows.

Пример:
---------------------
/book/index.html
---------------------

#anchor
Внутри HTML-документа #anchor - это ссылка на точку. Если браузер встречает на своем пути этот элемент после имени документа, то на экране он располагает его так, что в верхней строке рабочего окна браузера располагается упомянутая строка документа. Это касается большинства браузеров. Точки, на которые #anchor ссылается в документе указываются с помощью атрибута name тэга <a>.

Пример:
-------------------------------
/book/page02.html#desc
-------------------------------

Структура ссылок в HTML-документе

Все, о чем было сказано выше, касается внешнего вида URL. Специальный тэг <a>, добавленный в тело HTML-документа, нужен для отображения браузером ссылки на URL. У него такой синтаксис:

<a href={"URL"|"#anchor_name"}>...имя ссылки...</a>

Тэги <a> и </a> - соответственно открывают и закрывают описание внешней ссылки. Всякий текст между этими тэгами - символьный представитель ссылки и особым образом выделяется браузером. URL сам задает атрибут href. Он применяется лишь для перехода при активизации ссылки и не отображается браузером. В этом случае нужно кликнуть левой кнопкой мышки на символичном представлении ссылки.

Есть два вида ссылок:

Первый вид - внешние: они задаются в виде href="URL" и ссылаются на внешний документ.

Например:

<a href="http://jobwebration.ru/index.html">Внешняя ссылка</a>

Второй вид - внутренние: они задаются в виде href="#anchor_name" и ссылаются на место внутри этого же документа.

Например:

<a href="#top"> Данная ссылка внутренняя</a>

Для оживления внутренней ссылки нужен своеобразный "якорь" (специальный скрытый маркер). Браузер его не отображает. Однако на «якорь» можно ссылаться не только из этого, но и из всякого другого внешнего документа. Синтаксис маркера соответствует синтаксису тэга <a>. Однако здесь есть одно «но»: взамен атрибута href используется - name:

Пример:

<a name="anchor_name">...иные элементы...</a>

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

Следует запомнить такой факт. С помощью ссылок можно «путешествовать» не только по данному документу, но и от одного - к другому. Если перемещение происходило непосредственно внутри документа, HTML не позволяет возврата к предыдущему. При использовании ссылки внутри документа и при нажатии потом на кнопку Back, нельзя перейти на прежнюю ссылку. В этом случае происходит возврат на тот фрагмент документа, который просматривался ранее.

Этапы формирования внутренней ссылки:

1. Формирование маркера раздела:

Пример:

<a name="anchor_name">...Имя ссылки...</a>

2. Формирование ссылки на этот маркер:

Пример:

<a href="#anchor_name"> ..Имя ссылки...</a>

#anchor_name уведомляет браузер о том, что в этом HTML-документе необходимо отыскать маркер с таким именем - anchor_name и к нему перейти.

Пример:
-----------------------------------------------------------------------

Список разделов
<ul>
<li><a href="#exmain">Главный раздел</a></li>
<li><a href="#exsecond">Дополнительный раздел</a></li>
</ul>
<a name="exmain"></a>Главный раздел
<ul> Текст главного раздела</ul>
<a name="exsecond"></a>Дополнительный раздел
<ul>Текст дополнительного раздела </ul>

-----------------------------------------------------------------------