Атрибут target тега <a>
Описание
Атрибут target определяет, где будет открыта ссылка при клике. Управляет поведением браузера при переходе по гиперссылке.
<a href="https://example.com" target="_blank">Открыть в новой вкладке</a>
<iframe name="content-frame"></iframe>
<a href="page.html" target="content-frame">Загрузить в фрейм</a>
<a href="help.html" target="_self">Открыть в текущей вкладке (по умолчанию)</a>
<a href="full.html" target="_top">Выйти из фреймов на весь экран</a>
<a href="chapter2.html" target="_parent">Открыть в родительском фрейме</a>
Значения атрибута:
| Значение | Поведение |
|---|---|
_blank |
Новое окно/вкладка (рекомендуется с rel="noopener") |
_self |
Текущее окно/вкладка (значение по умолчанию) |
_parent |
Родительский фрейм (если есть) |
_top |
Выход из всех фреймов на полный экран |
| имя фрейма | Открытие в указанном фрейме/окне |
Безопасность и рекомендации:
- Всегда используйте
rel="noopener noreferrer"сtarget="_blank"для защиты от фишинга - Избегайте избыточного открытия ссылок в новых вкладках - это нарушает UX
- Для iframe указывайте конкретное имя фрейма в качестве target
- Учитывайте, что мобильные браузеры могут игнорировать _blank
<a href="external.html" target="_blank" rel="noopener noreferrer">Безопасная внешняя ссылка</a>
Атрибут target особенно важен для:
- Внешних ссылок, которые не должны заменять текущую страницу
- Веб-приложений с фреймовой структурой
- PDF-документов и файлов для скачивания