IFrames
Ein iFrame wir in HTML dazu genutzt, eine andere Webseite einzubetten.
Auf einen Blick
Ein iFrame ist ein HTML-Element, das eine externe Website oder Inhalte innerhalb deiner eigenen Seite einbettet. Typische Einsatzgebiete sind eingebettete Videos, Karten oder Formulare. Die Gestaltungsmöglichkeiten sind begrenzt, da CSS-Styles der eigenen Seite keinen Einfluss auf den iFrame-Inhalt haben.
Was ist ein iFrame?
Ein iFrame ist ein HTML Element, das dazu genutzt wird, um eine Website in einer anderen Website einzubetten. Zum Einsatz kommen iFrames hauptsächlich als Werbebanner oder um Funktionen von externen Diensten einzubetten. Zu beachten ist, dass CCS Stylings der Webseite keinen Einfluss auf die Inhalte des iFrames haben. Die Anpassungsmöglichkeiten sind darum sehr begrenzt und von den Möglichkeiten der externen Website abhängig.
Code Beispiel iFrame
<iframe src="iframe.html" style="height:200px;width:300px;border:none;" title="Hilfreicher Titel"></iframe>
src - definiert die URL der Webseite, die eingebettet wird title - Definiere einen hilfreichen Titel für die Barrierefreiheit height, width - definiert die Grösse, die das iFrame einnimmt border:none - entfernt den Rand vom iFrame
Häufig gestellte Fragen
- Sind iFrames schlecht für SEO?
- Inhalte in iFrames werden von Suchmaschinen nur eingeschränkt indexiert. Für SEO-relevante Inhalte solltest du daher keine iFrames verwenden. Für externe Einbettungen wie Google Maps oder YouTube-Videos sind sie aber die gängige und akzeptierte Lösung.
- Sind iFrames ein Sicherheitsrisiko?
- iFrames können ein Risiko darstellen, wenn sie Inhalte von nicht vertrauenswürdigen Quellen laden. Setze daher immer das sandbox-Attribut und lade nur Inhalte von bekannten, sicheren Domains. Moderne Sicherheitsheader wie CSP bieten zusätzlichen Schutz.
0 Kommentare
Kommentar schreiben
Bereit für deine neue Website?
Lass mich dir zeigen, wie ich dein Unternehmen online nach vorne bringe.
Kostenloses Erstgespräch →