Тег <a> в HTML5
С помощью тега <a> определяется гиперссылка, которая используется для того, чтобы создать ссылку с одной страницы на другую.
По умолчанию в большинстве браузеров гиперссылка выглядит следующим образом:
- Еще не посещенная ссылка подчеркнута и выделена синим цветом.
- Посещенная ссылка подчеркнута и выделена пурпурным цветом.
- Активная ссылка подчеркнута и выделена красным цветом.
С помощью этого тега можно так же сделать гиперссылку по щелчку на изображение.
Важно
Если не указан атрибут href то нельзя использовать атрибуты hreflang, media, ping, rel, target и type.
По умолчанию новая страница вызывается в этом же окне. Чтобы это изменить - используйте атрибут target.
Отличия от HTML4
В отличие от HTML 4.01, где тег <a> мог служить как гиперссылкой, так и якорем (anchor), в HTML 5 этот тег используется только как гиперссылка.
В HTML 5 тег <a> потерял много атрибутов, таких как charset, coords, name, rev и shape.
Добавлено 2 новых атрибута: media и type.
Пример использования
Специфические атрибуты
href - Указывает страницу, на которую следует осуществить переход.
hreflang - Указывает на каком языке выполнена страница для перехода. Указывается только вместе с атрибутом href.
media - Указывает для какого устройства оптимизирована целевая страница. По умолчанию равен all.
rel - Указывает на связь текущей страницей и страницей на которую будет осуществлен переход. Возможные значения: alternate, author, bookmark, external, help, license, next, nofollow, noreferrer, prefetch, prev, search, sidebar, tag. Указывается только вместе с атрибутом href.
target - Указывает окно, в котором нужно открыть страницу для перехода. Указывается только вместе с атрибутом href. Может принимать следующие значения:
- _blank - новая страница откроется в новом окне.
- _parent - новая страница откроется в родительском окне.
- _self - новая страница откроется в этом же окне (по умолчанию).
- _top - отменяет все фреймы и открывает страницу во весь экран. Если фреймы не использовались, то атрибут работает так же как _self.
- имя фрейма.
type - Указывает на тип целевой страницы. Указывается только вместе с атрибутом href. Должен принимать значения MIME-TYPE.
ping - Указывает URL, которые нужно оповестить, если пользователь перешел по этой ссылке. Этот атрибут удобно использовать для сбора статистики о пользователе. Указывается только вместе с атрибутом href.
Глобальные атрибуты
class
id
contenteditable
contextmenu
dir
hidden
lang
spellcheck
style
title
draggable
tabindex
События
onblur
oncanplay
oncanplaythrough
onchange
onclick
oncontextmenu
ondblclick
ondrag
ondragend
ondragenter
ondragleave
ondragover
ondragstart
ondrop
ondurationchange
onemptied
onended
onerror
onfocus
onformchange
onforminput
oninput
oninvalid
onkeydown
onkeypress
onkeyup
onload
onloadeddata
onloadedmetadata
onloadstart
onmousedown
onmousemove
onmouseout
onmouseover
onmouseup
onmousewheel
onpause
onplay
onplaying
onprogress
onratechange
onreadystatechange
onscroll
onseeked
onseeking
onselect
onshow
onstalled
onsubmit
onsuspend
ontimeupdate
onvolumechange
onwaiting