Aby link otwierał się w nowej karcie, należy odpowiednio ustawić atrybuty w kodzie HTML lub skorzystać z konkretnych opcji konfiguracyjnych w edytorze treści. Zasadniczo odbywa się to poprzez dodanie atrybutu target="_blank" do znacznika <a>. Istnieją także metody umożliwiające to zachowanie po stronie przeglądarki lub różnych systemów zarządzania treścią (CMS).
Podstawowy sposób w HTML
Aby link otwierał się w nowej karcie, dopisz do znacznika <a> atrybut target="_blank". Przykład:
<a href="https://example.com" target="_blank">Otwórz Example w nowej karcie</a> Wyjaśnienie:
- target=”_blank” – nakazuje przeglądarce otwarcie odnośnika w nowej karcie (lub oknie, w zależności od ustawień przeglądarki);
- można dodać dodatkowo atrybut
rel="noopener noreferrer"dla zwiększenia bezpieczeństwa. Zalecany kod będzie wyglądał tak:
<a href="https://example.com" target="_blank" rel="noopener noreferrer">Otwórz Example</a> Przykłady praktyczne wykorzystania
a) Link do zewnętrznej strony – idealne, gdy odsyłasz użytkownika do materiałów poza własnym serwisem.
<a href="https://pl.wikipedia.org/" target="_blank" rel="noopener noreferrer">Wikipedia</a> b) Link do pobrania pliku – gdy chcesz, by pobieranie nie przerwało bieżącej sesji na stronie.
<a href="/download/regulamin.pdf" target="_blank">Pobierz regulamin</a> c) Menu lub przyciski w CMS (np. WordPress) – w edycji menu znajdź opcję „Otwórz w nowej karcie”, często dostępną po rozwinięciu zaawansowanych ustawień danego elementu menu.
Opcje otwierania w nowej karcie z poziomu użytkownika
Skróty klawiaturowe –
- Windows, Linux – naciśnij klawisz Ctrl i kliknij link myszą;
- MacOS – naciśnij Cmd i kliknij link myszą.
Klik prawym przyciskiem i wybierz „Otwórz w nowej karcie” – każda przeglądarka posiada taką opcję w menu kontekstowym.
Otwieranie linków w nowych kartach w systemach CMS
- WordPress – możesz włączyć opcję „Otwórz odnośnik w nowej karcie” podczas edycji linku w edytorze blokowym (Gutenberg) albo w panelu menu;
- Inne CMS-y – szukaj opcji „Otwórz w nowym oknie”/„Otwórz w nowej karcie” przy tworzeniu lub edycji odnośników.
Uwaga na użyteczność i doświadczenie użytkownika
- częste otwieranie linków w nowych kartach bywa krytykowane, bo może dezorientować użytkowników (nie spodziewają się tego zachowania), utrudnia korzystanie z przycisku „Wstecz” oraz zarządzanie kartami,
- najczęściej zaleca się otwieranie w nowej karcie tylko linków prowadzących do zasobów zewnętrznych lub potencjalnie „porzucających” bieżącą stronę.
Podsumowanie dobrych praktyk
- używaj
target="_blank"tylko wtedy, gdy rzeczywiście jest to korzystne dla użytkownika, - uzupełniaj o
rel="noopener noreferrer"– zwiększa bezpieczeństwo i wydajność strony, - rozważ informowanie użytkownika (ikoną lub tekstem), że link otworzy się w nowej karcie.
Dzięki tym prostym technikom możesz z łatwością kontrolować, kiedy i jakie odnośniki będą otwierane w nowych kartach, zapewniając użytkownikom funkcjonalność dostosowaną do specyfiki Twojego serwisu.
