Тег <a>
Описание
Тег <a>
, известный как "anchor" (якорь), используется для создания гиперссылок, позволяющих пользователям переходить от одного документа к другому или на различные разделы внутри одной страницы.
Атрибуты тега <a>
Атрибут | Описание | Пример |
---|---|---|
href | URL-адрес, на который указывает ссылка. | <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"
для повышения безопасности. - Для обеспечения доступности важно использовать описательные тексты и атрибуты, особенно если ссылка содержит только изображение.