Snippet

Absicherung externer Hyperlinks mit sicheren Ziel-Attributen

Das Öffnen externer Links in einem neuen Tab mit target="_blank" kann Sicherheitslücken (Tabnabbing) verursachen. Das Hinzufügen von rel="noopener noreferrer" verhindert den Zugriff auf window.opener und schützt vor Referrer-Leaks.

snippet.js

javascript

function SafeExternalLink({ href, text }) {
  return (
    <a
      href={href}
      target="_blank"
      rel="noopener noreferrer"
    >
      {text}
    </a>
  );
}

react

Erklärung

function SafeExternalLink({ href, text }) {

Erstellt eine wiederverwendbare Wrapper-Komponente für ausgehende Hyperlinks.

target="_blank"

Weist den Browser an, das Linkziel in einem neuen Tab oder Fenster zu öffnen.

rel="noopener noreferrer"

Sicherheitsattribut, das den Kontext des neuen Tabs isoliert und den Referer-Header unterdrückt.

Vorheriges Snippet Nächstes Snippet

Mehr JavaScript-Übungen für Anfänger →

Absicherung externer Hyperlinks mit sicheren Ziel-Attributen

Verwandt