Richtige Methode zum Öffnen eines Links in einem neuen Fenster

Die Frage zum Quiz unterstreicht, wie wichtig es ist, den korrekten Befehl in HTML zu verwenden, um einen Link in einem neuen Fenster zu öffnen. Die richtige Antwort lautet: target="_blank".

Die Attribute target="_new" und target="_window" sind nicht standardkonforme Methoden zum Öffnen eines Links in einem neuen Fenster oder Tab, und sie werden von modernen Browsern möglicherweise nicht akzeptiert.

Verwendung von target="_blank"

Die Verwendung von target="_blank" in einem Anker-Tag (<a>) teilt dem Browser mit, dass der Link in einem neuen Fenster oder Tab geöffnet werden soll. Das sieht folgendermaßen aus:

<a href="http://example.com" target="_blank">Beispiel-Link</a>

Wenn Sie auf den Link „Beispiel-Link” klicken, wird die Website "http://example.com" in einem neuen Browserfenster oder einem neuen Tab geöffnet, sodass die ursprüngliche Webseite im aktuellen Fenster oder Tab geöffnet bleibt.

Best Practices und weitere Einblicke

Obwohl die Verwendung von target="_blank" praktisch ist, wenn Sie möchten, dass Benutzer auf Ihrer Seite bleiben, während sie einen verlinkten Inhalt erkunden, gibt es Sicherheits- und Leistungsbedenken, die beachtet werden müssen. Angreifer können die window.opener-Referenz verwenden, um auf die ursprüngliche Seite zurückzugreifen und den Benutzer dazu zu bringen, auf gefälschte Inhalte zu klicken. Daher empfiehlt es sich, das Attribut rel="noopener" zu verwenden, wenn Sie Links in einem neuen Fenster oder Tab öffnen:

<a href="http://example.com" target="_blank" rel="noopener">Beispiel-Link</a>

Dadurch wird die Verbindung zwischen den beiden Fenstern getrennt und Ihre Webseite ist vor möglichen Angriffen geschützt. Das Attribut rel="noreferrer" kann auch anstelle von rel="noopener" verwendet werden, wenn Sie nicht möchten, dass der verlinkte Server die ursprüngliche Anforderungsseite kennt. Es erfüllt die gleiche Funktion wie rel="noopener" und fügt zusätzlich das Merkmal hinzu, dass die HTTP-Referenz nicht an die neue Seite gesendet wird.

<a href="http://example.com" target="_blank" rel="noreferrer">Beispiel-Link</a>

Zusammenfassend lässt sich sagen, dass target="_blank" der korrekte Weg ist, einen Link in einem neuen Fenster in HTML zu öffnen, aber es ist auch wichtig, sich der damit verbundenen Sicherheitsrisiken bewusst zu sein und entsprechende Maßnahmen zu ergreifen.