Тег <a>
Описание
Тег <a> (от англ. anchor — якорь) предназначен для создания гиперссылок на другие веб-документы, разделы текущего документа или внешние ресурсы.
<a href="https://vozhzhaev.ru">Академия алгоритмов и систем</a>
<h2 id="intro">Начало текста</h2>
...
<p><a href="#intro">Вернуться к началу</a></p>
<a href="/files/document.pdf" download>Скачать PDF-файл</a>
Тег <a>играет ключевую роль в создании интерактивности веб-страниц, позволяя пользователям перемещаться между разными частями сети и взаимодействовать с контентом.
Атрибуты
| accesskey | Активация ссылки с помощью комбинации клавиш |
| coords | Устанавливает координаты активной области |
| download | Предлагает скачать указанный по ссылке файл |
| href | URL-адрес, на который ведёт ссылка |
| hreflang | Язык документа по ссылке |
| name | Имя якоря (лучше использовать id) |
| rel | Указывает связь между текущим документом и связанным документом |
| rev | Указывает связь между связанным документом и текущим документом |
| shape | Задает форму активной области ссылки для изображений |
| tabindex | Определяет последовательность перехода между ссылками при нажатии на кнопку Tab |
| target | Имя окна или фрейма, куда браузер будет загружать документ |
| title | Всплывающая подсказка при наведении |
| type | MIME-тип документа по ссылке |
| media | Определяет устройство, для которого предназначен документ |
| ping | Список URL-адресов для уведомления при переходе |
| referrerpolicy | Управляет отправкой HTTP-заголовка Referer |
| charset | Указывает кодировку документа |
| class | Указывает имя класса для CSS и JavaScript |
| contenteditable | Позволяет редактировать содержимое ссылки |
| data-* | Пользовательские атрибуты данных |
| dir | Определяет направление текста (ltr / rtl) |
| draggable | Указывает, можно ли перетаскивать ссылку |
| hidden | Скрывает элемент |
| id | Уникальный идентификатор элемента |
| lang | Определяет язык содержимого ссылки |
| spellcheck | Включает проверку орфографии |
| style | CSS-стили для элемента |
| translate | Указывает, нужно ли переводить текст ссылки |
Поддержка браузерами
![]() |
![]() |
![]() |
![]() |
![]() |
|---|---|---|---|---|
| 1.0 | 1.0 | 2.0 | 1.0 | 1.0 |




