it-swarm.com.de

Link in neuem Tab oder Fenster öffnen

Ist es möglich, einen a href -Link in einem neuen Tab anstelle desselben Tabs zu öffnen?

<a href="http://your_url_here.html">Link</a>
982
Rene

Sie sollten den target="_blank" und rel="noopener noreferrer" im Ankertag hinzufügen.

Zum Beispiel:

<a target="_blank" rel="noopener noreferrer" href="http://your_url_here.html">Link</a>

Das Hinzufügen von rel = "noopener noreferrer" ist nicht obligatorisch, wird jedoch als Sicherheitsmaßnahme empfohlen. Weitere Informationen finden Sie in den unten stehenden Links.

Quelle:

1771
Nathan

Es sollte nicht Ihre Aufgabe sein, zu entscheiden, ob der Link in einem neuen Tab oder in einem neuen Fenster geöffnet werden soll, da diese Auswahl letztendlich über die Einstellungen des Browsers des Benutzers erfolgen sollte. Manche Leute mögen Tabs; Manche mögen neue Fenster.

Wenn Sie _blank verwenden, wird der Browser angewiesen, einen neuen Tab/ein neues Fenster zu verwenden. Dies hängt von der Browserkonfiguration des Benutzers und davon ab, wie er auf den Link klickt (z. B. mittlerer Klick, Ctrl+ Klick oder normaler Klick).

208
Gauthier

setze das target Attribut deines <a> Elements auf "_tab"

BEARBEITEN: Es funktioniert, jedoch sagt W3Schools, dass es kein solches Zielattribut gibt: http://www.w3schools.com/tags/att_a_target.asp

EDIT2: Nach dem, was ich aus den Kommentaren herausgefunden habe. Wenn Sie target auf _blank setzen, gelangen Sie zu einer neuen Registerkarte oder einem neuen Fenster (abhängig von Ihren Browsereinstellungen). Wenn Sie etwas anderes als eines der folgenden eingeben, wird eine neue Registerkartengruppe erstellt (ich bin mir nicht sicher, wie diese funktionieren):

_blank  Opens the linked document in a new window or tab
_self   Opens the linked document in the same frame as it was clicked (this is default)
_parent Opens the linked document in the parent frame
_top    Opens the linked document in the full body of the window
framename   Opens the linked document in a named frame
44
Toon Casteele

Sie können dies einfach tun, indem Sie target="_blank" setzen, w3schools hat ein Beispiel .

33
Ehsan