Wie können Sie einen Hyperlink so definieren, dass er in einem neuen Browserfenster oder -tab geöffnet wird?

Wie man einen Hyperlink für die Öffnung in einem neuen Browserfenster oder Tab definiert

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.

Finden Sie das nützlich?