HTML <a>Тег


Примеры

Ссылка на пример:

<a href="https://www.example.com">Посетите пример!</a>

Попробуйте сами »
(Больше примеров внизу страницы)

Поддержка браузеров

Элемент
<a> Да Да Да Да Да

Все основные браузеры поддерживают тег <a>.

Определение и использование

Тег <a> определяет гиперссылку, используемую для перехода с одной страницы на другую.

Самым важным атрибутом элемента <a> является атрибут href, который задаёт назначение ссылки.

Во всех браузерах внешний вид ссылок по умолчанию следующий:

  • Непосещённые ссылки подчёркнуты и синие
  • Посещённые ссылки подчёркнуты и фиолетовые
  • Активные ссылки подчёркнуты и красные

Советы и примечания

Совет:Если атрибут href не используется, атрибуты hreflang, media, rel, target и type использоваться не могут.

Совет:Связанная страница обычно отображается в текущем окне браузера, если не указан другой target.

Совет:Пожалуйста, используйте CSS для изменения стиля ссылок.

Различия между HTML 4.01 и HTML5

В HTML 4.01 тег <a> мог быть либо гиперссылкой, либо якорем. В HTML5 тег <a> — это гиперссылка, но если у него нет атрибута href, он является лишь заполнителем для гиперссылки.

В HTML5 появились некоторые новые атрибуты, а некоторые атрибуты HTML 4.01 больше не поддерживаются.

Атрибуты

Новое: Новое в HTML5.

Attribute Значение Описание
charset char_encoding Не поддерживается в HTML5.Задаёт кодировку символов целевого URL.
coords координаты Не поддерживается в HTML5.Задаёт координаты ссылки.
downloadНовое filename Задаёт ссылку для скачивания.
href URL Задаёт целевой URL ссылки.
hreflang language_code Задаёт базовый язык целевого URL. Используется только при наличии атрибута href.
mediaНовое media_query Определяет медиа-тип целевого URL. Значение по умолчанию: all. Используется только при наличии атрибута href.
name section_name Не поддерживается в HTML5.Задает имя якоря.
rel alternate
author
закладка
help
license
Далее
nofollow
noreferrer
prefetch
prev
search
тег		 Определяет отношение между текущим документом и целевым URL. Используется только при наличии атрибута href.
rev text Не поддерживается в HTML5.Определяет отношение между целевым URL и текущим документом.
shape default
rect
circle
poly		 Не поддерживается в HTML5.Определяет форму ссылки.
target _blank
_parent
_self
_top
framename

Определяет, где открыть целевой URL. Используется только при наличии атрибута href.

  • _blank: Открывает в новом окне.
  • _parent: Открывает ссылку в родительском окне.
  • _self: По умолчанию переходит на текущей странице.
  • _top: Открывает ссылку в текущем окне, заменяя всё текущее окно (frameset).
type Новый MIME_type Определяет MIME-тип целевого URL. Используется только когда присутствует атрибут href.
Примечание: MIME = Multipurpose Internet Mail Extensions.

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

Тег <a> поддерживаетГлобальные атрибуты HTML。

Атрибуты событий

Тег <a> поддерживаетАтрибуты событий HTML。

Examples

Попробуйте сами - Примеры


Этот пример демонстрирует, как создавать ссылки в HTML-документе.


В этом примере показано, как использовать изображение в качестве ссылки.


Этот пример демонстрирует, как открыть страницу в новом окне, чтобы посетителям не приходилось покидать ваш сайт.


Этот пример демонстрирует, как создать ссылку на электронную почту. (Этот пример работает только после установки программы почтового клиента.)


Этот пример демонстрирует более сложную ссылку электронной почты.

Используйте якоря для перехода к разным позициям на той же странице
Этот пример демонстрирует, как использовать атрибут id якоря для перехода к разным позициям на странице (HTML5 не поддерживает атрибут name).

Связанные статьи

Учебник HTML:HTML-ссылки

Справочник по HTML DOM:Объект Anchor

Другие расширения