Ramki zdeprecjonowane; używaj tylko _blank
Jedyna obecnie istotna wartość target to _blank. Pozostałe wartości target były używane do określania konkretnych ramek. Jednakże, ramki zostały zdeprecjonowane w HTML5.
Domyślny cel
Jeśli nie określono target, link otworzy się w bieżącym kontekście, chyba że użytkownik lub przeglądarka określi inaczej.
a target=”_blank” Open in New Browser Tab (or Window)
Atrybut target określa miejsce, w którym zostanie otwarty linkowany dokument po kliknięciu na niego. Domyślnie jest to bieżące okno. Jeśli target="_blank", linkowany dokument otworzy się w nowej karcie lub (w starszych przeglądarkach) w nowym oknie.
Dlaczego otwierać w nowej przeglądarce?
Najczęstszym powodem używania `target=”_blank” jest otwieranie linków offsite w osobnej karcie. Dzięki temu użytkownik może kliknąć na odnośnik i wrócić do niego później bez opuszczania bieżącej strony. Utrzymuje to odwiedzających na twojej stronie dłużej i poprawia większość twoich wskaźników: współczynnik odrzuceń, konwersję, odwiedzane strony.
Otwórz wszystkie linki zewnętrzne w nowej karcie za pomocą JavaScript
Nie musisz ręcznie dodawać target="_blank" do każdego linku na twojej stronie. Jeśli dużo linkujesz (co powinieneś zrobić), łatwo jest dodać trochę kodu JavaScript do swojej witryny i zamienić wszystkie zewnętrzne linki w _blank linki automatycznie.
jQuery(document.links) .filter(function() { return this.hostname != window.location.hostname; }) .attr('target', '_blank'); (Możesz zobaczyć lekko zmodyfikowaną formę tego kodu w akcji na każdej stronie tej witryny). Ten trik wymaga jQuery, ale jest duża szansa, że już go używasz. Jest on używany w najbardziej popularnych frameworkach i systemach zarządzania treścią, w tym WordPress, Drupal i Twitter Bootstrap. Jeśli potrzebujesz zrobić to bez jQuery, to również da się to zrobić. Oto wersja „zwykłego JavaScriptu”:
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, to znacznie czyści twój znacznik.
Powody, dla których nie należy 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 reklam popup i innych irytujących zachowań. Wraz ze wzrostem popularności przeglądania w zakładkach, ten argument w dużej mierze zniknął. Większość użytkowników preferuje otwieranie linków w nowej karcie, ponieważ pozwala im to na kolejkowanie odnośników do późniejszego przeczytania bez utraty bieżącego kontekstu przeglądania.
Wartości atrybutu celu
| Nazwa wartości | Notatki |
|---|---|
| _blank | Otwiera linkowany dokument w nowej karcie lub oknie. |
| _parent | Otwiera łącze w ramce nadrzędnej. Ramki są przestarzałe w HTML5. |
| _self | Otwiera łącze w bieżącej ramce. |
| _top | Otwiera łącze w najwyższej ramce. Ramki są przestarzałe w HTML5. |
| nazwa ramki | Otwiera łącze w nazwanej ramce. Ramki są przestarzałe w HTML5. |
Wszystkie atrybuty elementu kotwicy
| Nazwa atrybutu | Wartości | Wskazówki |
|---|---|---|
| hreflang | Określa język połączonego zasobu. | |
| download | Kieruje przeglądarkę do pobrania połączonego zasobu zamiast otwierania go. | |
| target | _blank _parent _self _top frame name |
Określa kontekst, w którym połączony zasób zostanie otwarty. |
| title | text | Definiuje tytuł linku, który pojawia się dla użytkownika jako tooltip. |
| href | url | Określa linkowany dokument, zasób lub lokalizację. |
| name |
