Atrybut target to część kodu HTML, którą stosuje się przy tworzeniu linków, aby określić, gdzie ma się otworzyć powiązana z nimi strona lub dokument. Najczęściej używany jest w tagu <a>, czyli odnośniku.
Dzięki temu atrybutowi można kontrolować, czy link otworzy się w tym samym oknie przeglądarki, w nowej karcie lub ramce.
Najpopularniejsze wartości atrybutu target
- _self – otwiera link w tym samym oknie lub karcie (wartość domyślna, gdy atrybut nie jest ustawiony).
- _blank – otwiera link w nowej karcie lub oknie przeglądarki.
- _parent – otwiera link w ramce nadrzędnej (przydatne w stronach korzystających z ramek).
- _top – otwiera link w całym oknie przeglądarki, zamykając wszelkie ramki.
Przykłady zastosowania atrybutu target
Przykład 1: link otwierany w nowej karcie
<a href="https://przyklad.pl" target="_blank">Otwórz w nowej karcie</a>
Przykład 2: link otwierany w tym samym oknie
<a href="https://przyklad.pl" target="_self">Otwórz w tym samym oknie</a>
Kiedy warto używać target=”_blank”?
Stosowanie target=”_blank” jest popularne w sytuacjach, gdy chcesz, aby użytkownik pozostał na Twojej stronie, ale jednocześnie mógł zobaczyć dodatkowe informacje lub źródła w osobnej karcie.
Przykłady:
- linki do zewnętrznych serwisów,
- materiały źródłowe,
- dokumenty do pobrania,
- reklamy lub partnerstwa.
Bezpieczeństwo i atrybut target=”_blank”
Używanie target=”_blank” może stwarzać pewne zagrożenia, ponieważ nowa strona ma dostęp do obiektu window.opener, czyli może potencjalnie manipulować oryginalną stroną.
Aby temu zapobiec, należy dodać do linku dodatkowe atrybuty:
- rel=”noopener” – blokuje dostęp nowej strony do
window.opener. - rel=”noreferrer” – blokuje przekazywanie informacji o źródle (referrer).
Przykład bezpiecznego linku otwieranego w nowej karcie:
<a href="https://przyklad.pl" target="_blank" rel="noopener noreferrer">Bezpieczny link</a>
Atrybut target a SEO
Sam atrybut target nie ma bezpośredniego wpływu na SEO, ponieważ dotyczy tylko sposobu otwierania linku. Jednak warto pamiętać, że linki otwierane w nowej karcie mogą poprawić doświadczenie użytkownika, co pośrednio wpływa na oceny jakości strony przez wyszukiwarki.
