Um in HTML einen Hyperlink zu erstellen, der in einem neuen Browserfenster oder Tab geöffnet wird, verwendet man das target
Attribut mit dem Wert _blank
. Dieser Wert ist speziell dafür ausgelegt, die verlinkte Webseite in einem neuen Browserfenster oder Tab zu öffnen.
Nehmen wir an, wir haben einen Link zu einer anderen Webseite. Dies könnte so aussehen:
<a href="https://beispielwebseite.com">Besuchen Sie unsere Webseite</a>
Wenn Sie diesen Link in einem neuen Fenster oder Tab öffnen möchten, fügen Sie das target
Attribut mit dem Wert _blank
hinzu:
<a href="https://beispielwebseite.com" target="_blank">Besuchen Sie unsere Webseite</a>
Jetzt wird der Link in einem neuen Browserfenster oder Tab geöffnet, wenn ein Benutzer darauf klickt.
Bitte beachten Sie, dass der Wert _blank
auch andere Werte annehmen kann, wie _self
(öffnet den Link im selben Fenster/Tab), _parent
(öffnet den Link im Elternrahmen) und _top
(öffnet den Link im vollständigen Körper des Fensters).
Es ist wichtig zu beachten, dass die Verwendung des target="_blank"
Attributs auch Sicherheits- und Leistungsproblemen bedeuten kann. Deshalb ist es oft empfohlen, auch das Attribut rel="noopener noreferrer"
hinzuzufügen um diese möglichen Probleme zu vermeiden:
<a href="https://beispielwebseite.com" target="_blank" rel="noopener noreferrer">Besuchen Sie unsere Webseite</a>
Das Attribut rel="noopener"
verhindert, dass die neue Seite Zugriff auf das window
Objekt der ursprünglichen Seite hat, und rel="noreferrer"
verhindert, dass die neue Seite weiß, von welcher Seite sie geöffnet wurde. Dies hilft, die Sicherheit und die Leistung der Webseite zu verbessern.