Wie öffnet man einen Link in einer neuen Registerkarte auf html?

Ich arbeite an einem HTML-Projekt, und ich kann nicht herausfinden, wie man einen Link in einer neuen Registerkarte ohne Javascript zu öffnen.

Ich weiß bereits, dass <a href="http://www.WEBSITE_NAME.com"></a> den Link im selben Tab öffnet. Irgendwelche Ideen, wie man ihn in einem neuen öffnen kann?

Lösung

Setzen Sie das 'target' Attribut des Links auf _blank:

<a href="#" target="_blank" rel="noopener noreferrer">Link</a>

Edit: für weitere Beispiele siehe hier: http://www.w3schools.com/tags/att_a_target.asp

(Anmerkung: Ich hatte zuvor blank anstelle von _blank vorgeschlagen, weil es, wenn es verwendet wird, einen neuen Tab öffnet und dann denselben Tab verwendet, wenn der Link erneut angeklickt wird. Das liegt aber nur daran, dass es sich, wie GolezTrol bemerkte, auf den Namen eines Rahmens/Fensters bezieht, der gesetzt und verwendet würde, wenn der Link erneut angeklickt wird, um ihn im selben Tab zu öffnen).

Sicherheitsüberlegung!

Das rel="noopener noreferrer" soll verhindern, dass die neu geöffnete Registerkarte die ursprüngliche Registerkarte böswillig verändern kann. Weitere Informationen zu dieser Sicherheitslücke finden Sie in diesen Ressourcen:

Kommentare (7)

Verwenden Sie eine davon je nach Ihren Anforderungen.

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

 <a href="xyz.html" target="_blank"> Link </a>

Öffnet das verknüpfte Dokument in demselben Rahmen, in dem es angeklickt wurde (Standardeinstellung):

 <a href="xyz.html" target="_self"> Link </a>

Öffnet das verknüpfte Dokument im übergeordneten Rahmen:

 <a href="xyz.html" target="_parent"> Link </a>

Öffnen Sie das verknüpfte Dokument im gesamten Fensterbereich:

 <a href="xyz.html" target="_top"> Link </a>

Das verknüpfte Dokument in einem benannten Rahmen öffnen:

 <a href="xyz.html" target="framename"> Link </a>

Siehe MDN

Kommentare (3)

Verwenden Sie target="_blank":

<a href="http://www.example.com/" target="_blank" rel="noopener noreferrer">This will open in a new window!</a>
Kommentare (1)