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
Еще один вид ссылки на отправку почты
