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?

7voto

Vadym P Punkte 71

target="_blank" -Attribut wird die Arbeit erledigen. Vergessen Sie nur nicht rel="noopener noreferrer" hinzuzufügen, um die potenzielle Verwundbarkeit zu lösen. Mehr dazu hier: https://dev.to/ben/the-targetblank-vulnerability-by-example

Sucher

4voto

Thabang Punkte 33

Sie können verwenden:

Website

Jedoch macht das obige Ihre Seite anfällig für Phishing-Angriffe. Sie können dies in einigen Browsern verhindern, indem Sie rel="noopener noreferrer" zu Ihrem Link hinzufügen. Mit diesem Zusatz wird das obige Beispiel zu:

Website.com 

Überprüfen Sie für weitere Informationen: https://www.thesitewizard.com/html-tutorial/open-links-in-new-window-or-tab.shtml

3voto

darmis Punkte 1959

Sie könnten es so machen:

Öffnen

Ursprünglich war:

Schauen Sie sich auch die folgende URL auf MDN für weitere Informationen zu Sicherheit und Datenschutz an:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Security_and_privacy

die wiederum einen Link zu einem guten Artikel mit dem Namen Target="_blank" - die am meisten unterschätzte Verwundbarkeit überhaupt enthält:

https://www.jitbit.com/alexblog/256-targetblank---the-most-underestimated-vulnerability-ever/

2voto

Muhammad Azam Punkte 117

Sie können das Zielattribut verwenden, um den Link in einem neuen Tab zu öffnen

  Google Link 

ODER

 Google Link 

UNTERSCHIED

_blank öffnet immer einen neuen Tab für den Link

blank öffnet beim ersten Mal einen neuen Tab für den Link, beim zweiten Mal wird jedoch der vorhandene Tab aktualisiert

0voto

Gaurav Punkte 21

Der einfache Weg, um den Link in einem neuen Tab zu öffnen, besteht darin, dem Link ein Zielattribut mit einem Wert von "_blank" hinzuzufügen, so wie hier :

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