Jak Korzystać Z Linków I Otwierać Je Tam, Gdzie Chcesz!

ramki są przestarzałe; używa się tylko _blank

jedyną aktualnie istotną wartością targetjest _blank. Pozostałe wartości target zostały użyte do określenia konkretnych ramek. Jednak ramki zostały wycofane w HTML5.

domyślny cel

jeśli nie podano target, link otworzy się w bieżącym kontekście, chyba że użytkownik lub przeglądarka określi inaczej.

a target=”_blank” Otwórz w nowej karcie przeglądarki (lub oknie)

atrybut target określa, gdzie połączony dokument zostanie otwarty po kliknięciu łącza. Domyślnie jest to bieżące okno. Jeśli target="_blank", połączony dokument otworzy się w nowej karcie lub (w starszych przeglądarkach) w nowym oknie.

po co otwierać w nowej przeglądarce?

najczęstszym powodem użycia ’ target=”_blank” jest to, że Linki zewnętrzne otwierają się w osobnej karcie. Pozwala to użytkownikowi kliknąć odnośnik i wrócić do niego później bez opuszczania bieżącej strony. Utrzymuje odwiedzających w Twojej witrynie dłużej i poprawia większość Twoich danych: współczynnik odrzuceń, konwersja, odwiedzane strony.

Otwórz wszystkie linki zewnętrzne w nowej karcie z JavaScript

nie musisz ręcznie dodawać target="_blank" do każdego linku na swojej stronie. Jeśli dużo linkujesz (co powinieneś zrobić), łatwo jest dodać trochę kodu JavaScript do swojej witryny i automatycznie zmienić wszystkie linki zewnętrzne w linki _blank.

jQuery(document.links) .filter(function() { return this.hostname != window.location.hostname; }) .attr('target', '_blank'); 

(możesz zobaczyć nieco zmodyfikowaną formę tego kodu w akcji na każdej stronie tej witryny.) Ta sztuczka wymaga jQuery, ale istnieje duża szansa, że już go używasz. Jest używany w najpopularniejszych frameworkach i systemach zarządzania treścią, w tym WordPress, Drupal i Twitter Bootstrap. Jeśli musisz to zrobić bez jQuery, możesz to zrobić również. Oto wersja „plain JavaScript” :

function externalLinks() { for(var c = document.getElementsByTagName("a"), a = 0;a < c.length;a++) { var b = c; b.getAttribute("href") && b.hostname !== location.hostname && (b.target = "_blank") } } ; externalLinks(); 

oprócz tego, że jest to łatwiejsze, znacznie oczyszcza twoje znaczniki.

powody, aby nie używać `target=”_blank”

niektórzy twierdzą, że użytkownicy nie wolą otwierać linków w nowym kontekście przeglądania. Uważają, że jest to podobne do wyskakujących reklam i innych irytujących zachowań. Wraz ze wzrostem przeglądania w kartach argument ten w dużej mierze zniknął. Większość użytkowników woli otwierać linki w nowej karcie, ponieważ pozwala im to na kolejkowanie odwołanych linków do późniejszego czytania bez utraty bieżącego kontekstu przeglądania.

Adam jest pisarzem technicznym, który specjalizuje się w dokumentacji programistycznej i samouczkach.