Атрибут target
target вказує, де відкрити посилання чи результат відправки форми — у поточній вкладці, новій вкладці чи конкретному фреймі.
Applies to
a, form, base
Values
"_self" (за замовчуванням, поточна вкладка), "_blank" (нова вкладка), "_parent", "_top", або ім'я конкретного фрейму.
Example
<a href="https://example.com" target="_blank" rel="noopener">Зовнішнє посилання</a>
Edge cases
- target="_blank" без rel="noopener" дає новій сторінці доступ до window.opener поточної — потенційний ризик, завжди додавайте noopener.
- Надмірне використання _blank погіршує UX (накопичення вкладок) — застосовуйте свідомо, не для кожного посилання.
Accessibility
- Відкриття в новій вкладці без попередження може дезорієнтувати користувачів screen-читачів — за потреби вказуйте це явно в тексті посилання.
Security
- rel="noopener" (або noreferrer) обов'язковий разом із target="_blank" для зовнішніх посилань, щоб уникнути reverse tabnabbing.