610 Stimmen

Wie öffnet man in HTML einen Link in einem neuen Tab?

Ich arbeite an einem HTML-Projekt und kann nicht herausfinden, wie ich einen Link in einem neuen Tab öffnen kann, ohne JavaScript.

Ich weiß bereits, dass den Link im selben Tab öffnet. Irgendwelche Ideen, wie man es in einem neuen öffnen kann?

955voto

SharkofMirkwood Punkte 11483

Setzen Sie das target-Attribut des Links auf _blank:

Link

Weitere Beispiele finden Sie hier: http://www.w3schools.com/tags/att_a_target.asp


Hinweis

Zuvor schlug ich vor, blank anstelle von _blank zu verwenden, da dies dazu führen würde, dass ein neuer Tab geöffnet und dann dieser Tab verwendet wird, wenn der Link erneut angeklickt wird. Dies liegt jedoch nur daran, wie GolezTrol darauf hingewiesen hat, dass es sich auf den Namen eines Frames/Fensters bezieht, der festgelegt und verwendet wird, wenn der Link erneut gedrückt wird, um ihn im selben Tab zu öffnen.


Sicherheitsüberlegung!

Das rel="noopener noreferrer" dient dazu, zu verhindern, dass der neu geöffnete Tab das Originaltabron bösartig modifizieren kann. Für weitere Informationen zu dieser Sicherheitslücke lesen Sie die folgenden Artikel:

130voto

Learner Always Punkte 1776

Verwenden Sie je nach Bedarf eine der folgenden Optionen.

Öffnen Sie das verlinkte Dokument in einem neuen Fenster oder Tab:

  Link 

Öffnen Sie das verlinkte Dokument im selben Rahmen, in dem es angeklickt wurde (dies ist die Standardeinstellung):

  Link 

Öffnen Sie das verlinkte Dokument im übergeordneten Rahmen:

  Link 

Öffnen Sie das verlinkte Dokument im gesamten Fenster:

  Link 

Öffnen Sie das verlinkte Dokument in einem benannten Rahmen:

  Link 

Siehe MDN

49voto

Cyberquill Punkte 499

Wenn Sie den Befehl lieber einmal für Ihre gesamte Website ausführen möchten, anstatt ihn nach jedem Link ausführen zu müssen. Probieren Sie es mal hier innerhalb des Head-Bereichs Ihrer Website und bingo.

Ihr Text

Ich hoffe, das hilft

18voto

Evan Hahn Punkte 10968

Verwenden Sie target="_blank":

Dies wird in einem neuen Fenster geöffnet!

10voto

Kaleem Ullah Punkte 6183

Wann man target='_blank' verwenden sollte:

Die HTML-Version (Einige Geräte unterstützen es nicht):

Dieser Link wird in einem neuen Fenster/Tab geöffnet

Die JavaScript-Version für alle Geräte:

Die Verwendung von rel="external" ist vollkommen gültig

    $('a[rel="external"]').attr('target', '_blank');

und für Jquery kann man es mit dem Folgenden versuchen:

$("#content a[href^='http://']").attr("target","_blank");

Wenn die Browsereinstellungen das Öffnen in neuen Fenstern nicht zulassen:

href = "google.com";
onclick="window.open (this.href, ''); return false";

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X