HTML Element - `iframe`

Das iframe-Element ermöglicht das Einbetten eines anderen Dokuments innerhalb des aktuellen HTML-Dokuments.

Beispiel

<iframe>

</iframe>

Definition und Verwendung

Das iframe-Tag definiert ein Inline-Frame-Element.

Ein Inline-Frame dient dazu, ein anderes Dokument in das aktuelle HTML-Dokument einzubetten.

Attribute

Attribute erweitern Elemente um zusätzliche Eigenschaften oder Informationen und beeinflussen deren Bedeutung, Verhalten oder Darstellung. Sie bestehen in der Regel aus einem Attributnamen und einem zugehörigen Wert, wobei die zulässigen Attribute vom jeweiligen Element abhängen und teils allgemein, teils elementbezogen definiert sind.

Eine besondere Gruppe bilden die aria-*-Attribute, die zur Unterstützung der Barrierefreiheit zusätzliche Informationen für assistive Technologien bereitstellen.

Attribute-Tabelle
Attribut	Wert	Beschreibung
src	URL	Gibt die Adresse des Dokuments an, das in den `iframe` eingebettet werden soll.
height	Zahl	Legt die Höhe eines `iframe` fest. Die Standardhöhe beträgt 150 Pixel.
width	Zahl	Legt die Breite eines `iframe` fest. Die Standardbreite beträgt 300 Pixel.
title	Text	Gibt zusätzliche Informationen über ein `iframe`-Element an.

Beispiel mit: Attributen

<iframe src="action/iframe-test.html" height="300" width="750" title="Eine Testseite wird im iframe angezeigt">

</iframe>

Unterstützung von Global- und Event-Attributen

Das iframe-Tag unterstützt auch Global- und Event-Attribute.

Standardbrowser CSS

Webbrowser wenden auf viele Elemente vordefinierte CSS-Stile an, die eine grundlegende Struktur und Lesbarkeit sicherstellen. Umfang und Ausgestaltung dieser Standardstile können je nach Browser variieren, etwa in Bezug auf Abstände, Schriftgrößen oder die Darstellung einzelner Elemente.

iframe:focus {
outline: none;
}
iframe[seamless] {
display: block;
}

Beispiel mit: CSS

<!DOCTYPE html>
<html>
<head>

<style>
iframe {
border:none;
margin-top: 30px;
margin-left: 175px;
height: 300px;
width: 750px;
}
</style>

</head>

<body>

<iframe src="action/iframe-test.html">

</iframe>

</body>
</html>

Browserunterstützung

Die Unterstützung von Elementen und Attributen ist in den gängigen modernen Browsern weitgehend einheitlich gewährleistet. Unterschiede können dennoch in Details, im Einführungszeitpunkt neuer Funktionen oder bei experimentellen Features auftreten.

Diese Tabelle zeigt die Unterstützung des `iframe` durch gängige Webbrowser und ordnet dessen Verfügbarkeit im aktuellen Browserumfeld ein.
Element	Firefox	Internet Explorer / Edge	Safari	Chrome	Opera
`<iframe>`