Zum Inhalt springen

Iframe

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 18.10.2026

Ein Iframe bettet ein fremdes Dokument in die Seite ein. Praktisch für Karten und Videos, heikel für Datenschutz und Ladezeit.

Iframe

Element, das ein eigenständiges Dokument innerhalb der Seite anzeigt.
Beispiel: „Ein Iframe lädt eine eigene Adresse mit eigenem Dokument.“

Was zu setzen ist

<iframe src="https://www.youtube-nocookie.com/embed/…"
        title="Vorstellung der Agentur"
        loading="lazy" width="560" height="315"
        allowfullscreen></iframe>

Der Titel ist Pflicht für Screenreader, weil er den Rahmen benennt. loading="lazy" lädt erst, wenn der Rahmen in die Nähe des sichtbaren Bereichs kommt.

Datenschutz

Beim Laden wird die IP-Adresse des Besuchers an den fremden Anbieter übertragen, oft mit Cookies. In Deutschland ist das ohne Einwilligung heikel. Der übliche Weg ist eine Zwei-Klick-Lösung: ein Vorschaubild, und erst auf Klick wird der Rahmen geladen.

Siehe auch:

video-Element

Bindet ein Video ohne Zusatzprogramme ein.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Frame

Die alte Technik, eine Seite in Rahmen zu teilen.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

HTML

Die Sprache, in der der Aufbau einer Webseite beschrieben wird.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Semantisches HTML

Elemente nach ihrer Bedeutung wählen statt nach ihrem Aussehen.

#Frontend-Entwicklung (HTML, CSS, JavaScript)