<a>

25 января 2023

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

Синтаксис тега <a>

<a href="url">Текст ссылки</a>

Спецификация HTML

Тег является частью спецификации HTML Living Standard.

Семантический или нет

Тег <a> считается семантическим, поскольку несёт в себе смысл и точно передаёт назначение своего содержимого.

Примеры использования

Ссылка на другую веб-страницу:

<a href="https://www.htmlacademy.ru/">HTML Academy</a>

Якорная ссылка:

<a href="#section1">Переход к разделу 1</a>
<h2 id="section1">>Раздел 1</h2>

Ссылка для отправки по электронной почте:

<a href="mailto:info@example.com">Отправить нам письмо</a>

Ссылка на файл:

<a href="/images/picture.jpg">Посмотреть картинку</a>

Ссылка на номер телефона:

<a href="tel:+1555555555555">Позвоните нам</a>

Для чего использовать тег <a>

Для создания ссылок на другие веб-страницы или внешние ресурсы.
Для создания навигационного меню, которое ссылается на различные разделы одной и той же веб-страницы.
Для ссылок на файлы, которые пользователи могут загрузить.
Для ссылок на адреса электронной почты или номера телефонов.

Атрибуты тега <a>

href — URL страницы или ресурса для ссылки.
target — указывает, где открыть страницу или ресурс, на который дана ссылка.
download — указывает, что цель будет загружена, когда пользователь нажмёт на гиперссылку.
rel — указывает связь между связанным и текущим документом.
hreflang — язык связанного документа.
type — тип медиафайла связанного документа.
referrerpolicy — управляет тем, как браузер должен отправлять информацию об источнике перехода (referrer) при переходе по ссылке
ping — используется для отправки запросов на заданный URL при переходе по ссылке. Этот запрос может содержать, например, информацию о том, какая страница была просмотрена или какие действия были выполнены пользователем перед нажатием на ссылку. Ответ на этот запрос может быть использован для анализа трафика на сайте или улучшения пользовательского опыта.

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

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

Ограничения

Для использования тега <a> нет никаких ограничений.

Нюансы

При использовании тега <a> следует помнить: если связанная страница будет удалена или перемещена, ссылка перестанет работать.

Поддержка браузерами

Тег поддерживается всеми современными браузерами. Актуальная информация — на caniuse.

Альтернативные теги

Альтернативных тегов для тега <a> не существует.

Чем заменить тег

Тег <a> используется для создания ссылок и заменить его можно только с помощью других элементов, которые могут выполнять похожие функции. Например, можно использовать кнопки (тег <button>) или изображения (тег <img>) с атрибутами, которые позволяют делать их кликабельными и направлять пользователя на нужную страницу или выполнять другие действия. Однако для создания ссылок лучше использовать тег <a>.