Тег <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 с описанием действия.
Похожие инструменты
Атрибут href
Атрибут href элементов a и link: URL, на который ведёт ссылка или ресурс.
Атрибут target
Атрибут target тега a и form: в каком контексте (вкладке/фрейме) открыть результат.
Тег <img>
Атрибуты src, alt, loading и srcset тега <img> с примерами.
URL Encode/Decode
Кодирование и декодирование URL-компонентов (percent-encoding) в браузере.