Skip to content

Тег <a>

Описание

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

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

АтрибутОписаниеПример
hrefURL-адрес, на который указывает ссылка.<a href="https://www.example.com">Visit Example.com</a>
titleВсплывающая подсказка, отображаемая при наведении на ссылку.<a href="#" title="Описание ссылки">Hover over me</a>
targetОпределяет, как и где открыть ссылку. Часто используемое значение: _blank (новая вкладка или окно).<a href="https://www.example.com" target="_blank">Visit Example.com</a>
relОписывает отношение между текущей и целевой страницами. Например, nofollow указывает поисковым системам не следовать по этой ссылке.<a href="https://www.example.com" rel="nofollow">Visit Example.com</a>

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

html
<!-- Ссылка на другую страницу -->
<a href="https://www.example.com">Visit Example.com</a>

<!-- Ссылка на электронную почту -->
<a href="mailto:someone@example.com">Send Email</a>

<!-- Якорная ссылка на раздел страницы -->
<a href="#section1">Go to Section 1</a>

Важные замечания

  • При использовании target="_blank" рекомендуется также добавить rel="noopener noreferrer" для повышения безопасности.
  • Для обеспечения доступности важно использовать описательные тексты и атрибуты, особенно если ссылка содержит только изображение.

Содержание доступно по лицензии MIT