Definition Frame

Ein Frame (englisch für „Rahmen“) ist ein Bereich innerhalb eines Browserfensters, in dem eine eigenständige HTML-Datei geladen werden kann. Historisch gesehen erlaubten Frames, eine Website in mehrere unabhängige Bereiche aufzuteilen (z. B. eine feste Navigation oben und ein scrollbarer Inhalt unten). Heute ist diese Technik durch moderne CSS-Layouts (Flexbox/Grid) ersetzt worden.

Der Unterschied liegt in der Integration:

• Frames (Frameset): Teilt das gesamte Browserfenster in starre Raster auf. Die Hauptseite enthält selbst keinen Content, sondern nur die Strukturvorgabe für die Unterseiten.
• iFrames (Inline-Frames): Betten eine externe HTML-Seite direkt in ein bestehendes Dokument ein, ähnlich wie ein Bild. iFrames sind flexibel und werden heute standardmäßig zum Einbetten von YouTube-Videos, Google Maps oder Social-Media-Posts genutzt.

Klassische Framesets bieten massive Nachteile für die moderne Internetnutzung:

• SEO: Suchmaschinen haben Schwierigkeiten, die Inhalte korrekt der Hauptdomain zuzuordnen. Deep-Links auf Unterseiten funktionieren oft nicht.
• Usability: Die "Zurück"-Taste des Browsers funktioniert oft nicht wie erwartet.
• Barrierefreiheit: Screenreader haben oft Probleme, die logische Struktur von verschachtelten Frames zu erfassen.

iFrames sind heute wichtiger denn je für die modulare Web-Architektur. Sie werden genutzt für:

• Drittanbieter-Widgets: Payment-Gateways (z. B. Stripe), Chat-Bots oder Werbebanner.
• Sicherheit: Durch die Isolation des iFrames kann verhindert werden, dass bösartiger Code der eingebetteten Seite auf die Hauptseite zugreift.
• Micro-Frontends: Große Web-Applikationen laden unterschiedliche Funktionsbereiche oft über isolierte Frames, um die Stabilität zu erhöhen.

Frames können für Clickjacking-Angriffe missbraucht werden, bei denen eine seriöse Seite in einem unsichtbaren Frame überlagert wird, um Klicks abzufangen. Moderne Webseiten schützen sich dagegen mit dem HTTP-Header X-Frame-Options oder einer Content-Security-Policy (CSP). Zudem bietet das HTML5-Attribut sandbox bei iFrames die Möglichkeit, Berechtigungen (wie JavaScript oder Formulare) gezielt einzuschränken.