Frames veraltet; nur _blank verwenden
Der einzige derzeit relevante Wert von target ist _blank. Die anderen Werte von target wurden verwendet, um bestimmte Frames anzugeben. Frames wurden jedoch in HTML5 veraltet.
Standardziel
Wenn kein target angegeben wird, öffnet sich der Link im aktuellen Kontext, es sei denn, der Benutzer oder Browser gibt etwas anderes an.
a target=“_blank“ In neuem Browser-Tab (oder Fenster) öffnen)
Das Attribut target gibt an, wo das verlinkte Dokument geöffnet wird, wenn der Link angeklickt wird. Die Vorgabe ist das aktuelle Fenster. Wenn target="_blank", wird das verlinkte 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 eigenen Tab geöffnet werden. Dies ermöglicht es einem Benutzer, auf einen Verweis zu klicken und später darauf zurückzukommen, ohne die aktuelle Seite zu verlassen. Es hält Besucher länger auf Ihrer Seite und verbessert die meisten Ihrer Metriken: Absprungrate, Konversion, besuchte Seiten.
Alle externen Links in einem neuen Tab mit JavaScript öffnen
Sie müssen nicht manuell target="_blank" zu jedem Link auf Ihrer Seite hinzufügen. Wenn Sie viel verlinken (was Sie tun sollten), ist es einfach, etwas JavaScript-Code zu Ihrer Site hinzuzufügen und alle externen Links automatisch in _blank-Links zu verwandeln.
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 beliebtesten Frameworks und Content-Management-Systemen verwendet, darunter WordPress, Drupal und Twitter Bootstrap. Wenn Sie es ohne jQuery machen wollen, ist auch das möglich. 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 ist, wird Ihr Markup dadurch erheblich aufgeräumt.
Gründe gegen die Verwendung von `target=“_blank“
Einige Leute argumentieren, dass Benutzer es nicht bevorzugen, Links in einem neuen Browsing-Kontext zu öffnen. Sie denken, dass dies ähnlich wie Popup-Werbung und anderes lästiges Verhalten ist. Mit dem Aufkommen des Tabbed Browsing ist dieses Argument weitgehend verschwunden. Die meisten Benutzer ziehen es vor, Links in einem neuen Tab zu öffnen, weil sie so referenzierte Links zum späteren Lesen in die Warteschlange stellen können, ohne ihren aktuellen Browsing-Kontext zu verlieren.
Werte des Zielattributs
| Wertname | Hinweise |
|---|---|
| _blank | Öffnet das verlinkte Dokument in einem neuen Tab oder Fenster. |
| _parent | Öffnet den Link im übergeordneten Frame. Frames sind in HTML5 veraltet. |
| _self | Öffnet den Link im aktuellen Frame. |
| _top | Öffnet den Link im obersten Frame. Frames sind in HTML5 veraltet. |
| Framename | Öffnet den Link in dem benannten Frame. Frames sind in HTML5 veraltet. |
Alle Attribute des Anker-Elements
| Attributname | Werte | Hinweise |
|---|---|---|
| hreflang | Steht für die Sprache der verlinkten Ressource. | |
| download | Richtet den Browser darauf aus, die verknüpfte Ressource herunterzuladen, anstatt sie zu öffnen. | |
| target | _blank _parent _self _top frame name |
Steuert den Kontext, in dem die verknüpfte Ressource geöffnet wird. |
| title | text | Definiert den Titel eines Links, der dem Benutzer als Tooltip angezeigt wird. |
| href | url | Spezifiziert das verlinkte Dokument, die Ressource oder den Ort. |
| name |
