HTML тег <a>
Пример
<a href="http://www.yandex.ru">Переход на поисковик Яндекс.</a>
Описание и использование
Название тега <a> означает «якорь» (anchor). Его можно использовать в двух случаях:
- Для вставки ссылки на другой документ, используя атрибут href.
- Для вставки ссылки на закладку в текущем документе, используя атрибут name.
Тег <a> обычно используется для вставки ссылки или гиперссылки.
Самым важным элементом тега <a> является атрибут href, который указывает назначение (адрес) ссылки.
По умолчанию, ссылки в браузере выделяются таким образом:
- Непосещенные ссылки подчеркнутый текст синего цвета
- Посещенные ссылки подчеркнутый текст фиолетового цвета
- Активные ссылки (на которые наведен курсор) подчеркнутый текст красного цвета
Браузерная поддержка
Тег <a> поддерживается всеми основными браузерами.
Отличия между HTML и XHTML
Нет
Совет
Используйте ссылку на внешние таблицы стилей (CSS).
Альтернативные атрибуты
DTD показывает в какой версии DTD использование атрибута разрешено. S=Strict, T=Transitional и F=Frameset.
Атрибут | Значение | Описание | DTD |
---|---|---|---|
charset | кодировка | Указывает кодировку документа, на который ведет ссылка | STF |
coords | координаты | Указывает координаты ссылки | STF |
href | URL | Указывает пункт назначения (адрес) ссылки | STF |
hreflang | код_языка | Указывает на язык документа, на который ведет ссылка | STF |
name | имя_закладки | Указывает название якоря (закладки) | STF |
rel | текст | Указывает на связь между ссылаемым и текущим документом | STF |
rev | текст | Указывает на связь между ссылаемым и текущим документом | STF |
shape | default rect circle poly |
Указывает тип области ссылки (по умолчанию, прямоугольник, круг, многоугольник) | STF |
target | _blank _parent _self _top framename |
Указывает на окно, в котором будет открыта ссылка | TF |
Стандартные атрибуты
Тег <a> поддерживает следующие стандартные атрибуты:
Атрибут | Значение | Описание | DTD |
---|---|---|---|
accesskey | символ (клавиша) | Определяет клавишу (сочетание клавиш) для быстрого доступа к элементу | STF |
class | название класса | Указывает название класса для элемента | STF |
dir | rtl ltr |
Указывает направление вывода текста для элемента | STF |
id | id | Указывает id для элемента | STF |
lang | код_языка | Указывает код языка содержимого элемента | STF |
style | описание_элемента | Указывает строчный стиль элемента | STF |
tabindex | порядковый номер | Указывает порядковый номер элемента при переключении с помощью клавиши Tab | STF |
title | текст | Указывает дополнительную информацию об элементе | STF |
xml:lang | код_языка | Указывает код языка содержимого элемента в XHTML документах | STF |
Дополнительная информация о стандартных атрибутах.
События
Тег <a> поддерживает следующие атрибуты событий:
Атрибут | Значение | Описание | DTD |
---|---|---|---|
onblur | скрипт | Скрипт, который должен быть выполнен, когда элемент теряет фокус (т.е. курсор мыши уходит с элемента) | STF |
onclick | скрипт | Скрипт, который должен быть выполнен при одинарном щелчке мышью | STF |
ondblclick | скрипт | Скрипт, который должен быть выполнен при двойном щелчке мышью | STF |
onfocus | скрипт | Скрипт, который должен быть выполнен, когда элемент попадает в фокус (т.е. курсор мыши попадает на элемент) | STF |
onmousedown | скрипт | Скрипт, который должен быть выполнен, если пользователь зажал кнопку мыши | STF |
onmousemove | скрипт | Скрипт, который должен быть выполнен при движении курсора мыши | STF |
onmouseout | скрипт | Скрипт, который должен быть выполнен, если пользователь передвинул курсор мыши за пределы элемента | STF |
onmouseover | скрипт | Скрипт, который должен быть выполнен, когда пользователь двигает курсор мыши над элементом | STF |
onmouseup | скрипт | Скрипт, который должен быть выполнен, когда пользователь отпускает кнопку мыши | STF |
onkeydown | скрипт | Скрипт, который должен быть выполнен при нажатии клавиши пользователем | STF |
onkeypress | скрипт | Скрипт, который должен быть выполнен при нажатии и отпускании клавиши пользователем | STF |
onkeyup | скрипт | Скрипт, который должен быть выполнен при отпускании клавиши пользователем | STF |
Дополнительная информация о cобытиях HTML.
Примеры
Создание гиперссылки
Пример иллюстрирует вставку ссылки.
Изображение, как ссылка
Пример иллюстрирует использование изображения в качестве ссылки.
Открывание ссылки в новом окне браузера
Открывание ссылки в новом окне браузера.
Ссылка на закладку
Вставка ссылки на определенное место (закладку) в открытом документе.
Отмена фреймов
Отмена фреймов и открытие ссылки на все окно браузера.
Ссылка на почту
Вставка ссылки на отправку почты (работает только если установлен почтовый клиент)
Ссылка на почту 1
Еще один вид ссылки на отправку почты