Главная -> Справочник HTML5 и CSS3 -> Тег <a>

Тег <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. 

Глобальные атрибуты

События