Snippet

Absichern externer Verlinkungen gegen Reverse Tabnabbing

Wenn Links mit target="_blank" in einem neuen Tab geöffnet werden, setzt das Weglassen von rel="noopener noreferrer" Benutzer Sicherheitsrisiken aus, da externe Zielseiten sonst auf window.opener zugreifen können.

snippet.js

javascript

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

react

Erklärung

target="_blank"

Weist den Browser an, die Zieladresse in einem neuen Tab oder Fenster zu laden.

rel="noopener noreferrer"

Verhindert den Zugriff der Zielseite auf window.opener und entfernt Referrer-Informationen.

Vorheriges Snippet Nächstes Snippet

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

Absichern externer Verlinkungen gegen Reverse Tabnabbing

Verwandt