🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

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

Чаще всего ссылка выглядит как-то так:

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

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

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

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

Как поставить ссылку на другую страницу:

<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:+79001110000">Позвоните нам</a>

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

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

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

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