So verwenden Sie die, um Links zu erstellen und sie dort zu öffnen, wo Sie möchten!

Frames veraltet; verwenden Sie nur _blank

Der einzige derzeit relevante Wert von target ist _blank. Die anderen Werte von target wurden verwendet, um bestimmte Frames anzugeben. Frames sind jedoch in HTML5 veraltet.

Standardziel

Wenn kein target angegeben ist, wird der Link im aktuellen Kontext geöffnet, sofern der Benutzer oder Browser nichts anderes angibt.

a target=“_blank“ Open in New Browser Tab (or Window)

Das Attribut target gibt an, wo das verknüpfte Dokument geöffnet wird, wenn auf den Link geklickt wird. Der Standardwert ist das aktuelle Fenster. Wenn target="_blank", wird das verknüpfte Dokument in einem neuen Tab oder (bei älteren Browsern) in einem neuen Fenster geöffnet.

Warum in einem neuen Browser öffnen?

Der häufigste Grund für die Verwendung von `target=“_blank“ ist, dass Offsite-Links in einem separaten Tab geöffnet werden. Dies ermöglicht es einem Benutzer, auf eine Referenz zu klicken und später darauf zurückzukommen, ohne die aktuelle Seite zu verlassen. Es hält Besucher länger auf Ihrer Website und verbessert die meisten Ihrer Metriken: Absprungrate, Conversion, besuchte Seiten.

Öffnen Sie alle externen Links in einem neuen Tab mit JavaScript

Sie müssen nicht jedem Link auf Ihrer Website manuell target="_blank" hinzufügen. Wenn Sie viel verlinken (was Sie tun sollten), ist es einfach, Ihrer Website JavaScript-Code hinzuzufügen und alle externen Links automatisch in _blank -Links umzuwandeln.

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

( Sie können eine leicht modifizierte Form dieses Codes in Aktion auf jeder Seite dieser Website sehen.) Dieser Trick erfordert jQuery, aber es besteht eine gute Chance, dass Sie es bereits verwenden. Es wird in den gängigsten Frameworks und Content-Management-Systemen verwendet, einschließlich WordPress, Drupal und Twitter Bootstrap. Wenn Sie es ohne jQuery tun müssen, kann dies auch getan werden. Hier ist eine „einfache JavaScript“ -Version:

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(); 

Abgesehen davon, dass es einfacher wird, bereinigt dies Ihr Markup erheblich.

Gründe, `target=“_blank“ nicht zu verwenden

Einige Leute argumentieren, dass Benutzer es nicht vorziehen, Links in einem neuen Browsing-Kontext zu öffnen. Sie denken, dass dies Popup-Anzeigen und anderem nervigen Verhalten ähnelt. Mit dem Aufkommen des Tabbed Browsing ist dieses Argument weitgehend verschwunden. Die meisten Benutzer ziehen es vor, Links in einem neuen Tab zu öffnen, da sie so auf referenzierte Links zugreifen können, um sie später zu lesen, ohne ihren aktuellen Browsing-Kontext zu verlieren.

Adam ist ein technischer Redakteur, der sich auf Entwicklerdokumentation und Tutorials spezialisiert hat.