Atrybut target określa, gdzie ma zostać otwarty dokument wskazany przez link. Najczęściej stosuje się go w elemencie <a>.
Najważniejsza wartość: _blank
<a href="https://example.com" target="_blank">Otwórz stronę</a>
Wartość target="_blank" powoduje, że link zostanie otwarty w nowej karcie lub nowym oknie przeglądarki, zależnie od ustawień użytkownika i przeglądarki.
Domyślne działanie linku
Jeżeli link nie ma atrybutu target, zwykle otwiera się w tej samej karcie:
<a href="kontakt.html">Kontakt</a>
Można też jawnie użyć wartości _self:
<a href="kontakt.html" target="_self">Kontakt</a>
Powiązanie z CSS
Atrybut target może być używany w selektorach CSS:
a[target="_blank"] {
color: yellow;
}
Taki kod styluje tylko te linki, które mają otwierać się w nowej karcie.
Uwaga bezpieczeństwa
Dla linków z target="_blank" często dodaje się:
rel="noopener noreferrer"
Zmniejsza to ryzyko związane z dostępem nowej strony do strony, z której została otwarta.