Тег <a>

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

Syntax

<a href="https://example.com">текст ссылки</a>

Attributes

href URL, на который ведёт ссылка. Может быть абсолютным, относительным, якорем (#id) или mailto:/tel:.
target "_blank" открывает ссылку в новой вкладке. Вместе с target="_blank" стоит добавлять rel="noopener".
rel Тип связи с целевым документом: noopener, noreferrer, nofollow и т.д.
download Подсказывает браузеру скачать файл вместо перехода, вместо имени файла можно указать значение.

Example

<a href="/pricing">Тарифы</a>
<a href="https://example.com" target="_blank" rel="noopener">Внешняя ссылка</a>
<a href="#section-2">К разделу 2</a>

Notes

  • target="_blank" без rel="noopener" даёт новой странице доступ к window.opener — это потенциальный риск, поэтому rel="noopener" стоит добавлять всегда.
  • Пустой href или href="#" делает элемент кликабельным, но без реального перехода — для действий без навигации лучше использовать <button>.

Accessibility

  • Текст ссылки должен описывать назначение ("Подробнее о тарифах", а не просто "Здесь").
  • Ссылки-иконки без текста нуждаются в aria-label с описанием действия.

Похожие инструменты