на главную
Язык разметки гипертекста HTML

Гиперссылки

Связь между HTML-документами и фрагментами документов организуется с помощью элемента a ( от английского anchor - якорь ).

Элемент a употребляется в двух формах.

  • В первом случае - при создании гиперссылки - обязательным является атрибут
    • href = url    - адрес целевого документа.

      Текст и изображения, размещенные между тегами <a> ... </a>, становятся активной зоной документа, чувствительной к щелчку мыши, который вызывает загрузку целевого документа. Текст гиперссылки выделяется подчеркиванием и цветом, указанным как значение атрибута link элемента body ( либо цветом по умолчанию ). Из необязательных атрибутов здесь упомянем один: target, значением которого является имя кадра или окна для вывода целевого документа.

  • Во втором случае - при создании якоря (метки) фрагмента - обязательным является атрибут
    • name = имя    - имя идентификатора фрагмента.

      Созданный в некоторой точке документа якорь служит для того, чтобы была возможность ссылаться не на весь документ целиком, а на его фрагмент. При создании ссылки на этот фрагмент используется элемент a с атрибутом href. Имя идентификатора фрагмента дописывается к адресу целевого документа после символа  #.

Из необязательных атрибутов отметим  id, style, class, title, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, dir, lang , описанные в разделе "Концепции HTML 4+".

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

    .......
    <A name="chapter1"></A> Глава 1. ........
    .......
    <A name="chapter2"></A> Глава 2. ........
    ....... 

Теперь можно создать гиперссылки из этого же документа или из любого другого на указанные фрагменты. Приведем, например, гиперссылки на точку документа, с которого начинается Глава 2.

Гиперссылка из того же документа :

    <A HREF="#chapter2">переход к Главе 2</A> 

Гиперссылка из другого документа, находящегося в том же каталоге:

    <A HREF="book.htm#chapter2">переход к Главе 2</A>

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

.......
<H1 id="chapter2"> Глава 2. </H1>
.......
<A HREF="book.htm#chapter2">переход к Главе 2</A>
.......

Отметим, что применение элемента a позволяет сделать активной зоной текстовый фрагмент или изображение целиком; для того же, чтобы разные фрагменты одного изображения ссылались на разные целевые документы, придется использовать элемент map, реализующий чувствительное изображение-карту.