Iframe Generator
Erstellt HTML-iframe-Embed-Code mit individuellen Maßen und Sandbox-Attributen
Über dieses Tool
Der Iframe Generator erstellt einsatzbereiten HTML-`<iframe>`-Einbettungscode. Konfigurieren Sie die Quell-URL, Abmessungen, Titel, Scrollverhalten, Lazy Loading, Vollbildberechtigung und das sandbox-Attribut — und kopieren Sie dann die Ausgabe.
Alle Felder aktualisieren den generierten Code in Echtzeit. Es werden keine Daten an einen Server gesendet. Das title-Attribut ist für die Barrierefreiheit erforderlich: Screenreader nutzen es, um den eingebetteten Inhalt zu beschreiben.
Anleitung
- Geben Sie im URL-Feld die einzubettende URL ein.
- Legen Sie Breite, Höhe, Titel, Rahmen, Scrollen und Ladeoptionen fest.
- Aktivieren Sie bei Bedarf allowfullscreen und sandbox; ist sandbox aktiviert, wählen Sie die zu erteilenden Berechtigungen aus.
- Kopieren Sie den generierten iframe-Code und fügen Sie ihn in Ihr HTML ein.
Anwendungsfälle
Entwickler betten YouTube- oder Vimeo-Videos mit exakten Pixelabmessungen ein. Frontend-Ingenieure betten Karten, Widgets oder Drittanbieter-Tools mit Sandbox-Sicherheit ein. Designer erstellen Portalseiten, die externe Inhalte inline einbinden.
Häufige Fragen
- Was ist das sandbox-Attribut? — sandbox schränkt ein, was die eingebettete Seite tun darf (Skripte ausführen, Formulare absenden, Popups öffnen). Aktivieren Sie aus Sicherheitsgründen nur die Berechtigungen, die Sie wirklich benötigen.
- Warum ist das title-Attribut wichtig? — Screenreader verwenden den title, um sehbehinderten Nutzern den eingebetteten Inhalt zu beschreiben. WCAG 2.1 verlangt für jeden iframe einen aussagekräftigen Titel.
- Erlaubt jede Website ihre eigene Einbettung? — Nein. Websites können X-Frame-Options- oder Content-Security-Policy-Header senden, die die Einbettung blockieren. Sie können nur Seiten einbetten, die dies ausdrücklich erlauben.