Iframe

Ein Iframe (kurz für Inline-Frame) ist ein HTML-Element, mit dem eine externe Webseite in ein HTML-Dokument eingebettet werden kann. Anders als herkömmliche Frames, die zum Erstellen der Struktur einer Webseite verwendet wurden, können Iframes an beliebiger Stelle innerhalb des Layouts einer Webseite eingefügt werden.

Ein Iframe kann mithilfe des Iframe-Tags in ein HTML-Dokument eingefügt werden, wie im folgenden Beispiel gezeigt:

<iframe src="http://sharpened.com/example.php" width="728" height="90"></iframe>

Der obige Code fügt den Inhalt der URL in einen 728 x 90 Pixel großen Inline-Frame innerhalb der Webseite ein. Die Iframe-Quelle (src) kann auf eine externe Website oder auf eine andere Seite auf demselben Server verweisen, etwa src="/example.php". Die Attribute width und height sind nicht erforderlich, werden aber häufig verwendet, um die Größe des Iframes festzulegen. Andere Iframe-Attribute wie marginwidth und marginheight werden in HTML 4 und früher unterstützt, aber in HTML5 wird CSS verwendet, um das Erscheinungsbild eines Iframes anzupassen.

Iframes werden für verschiedene Zwecke verwendet, etwa für Onlinewerbung und Multimedia. Viele Werbeplattformen verwenden Iframes, um Anzeigen auf Webseiten darzustellen, da sie mehr Flexibilität bieten als ein Inline-Skript. Da Iframes eine gesamte Webseite enthalten können, können Werbetreibende zusätzlichen Tracking-Code in einen Iframe einfügen, der eine genaue Berichterstattung sowohl für den Werbetreibenden als auch für den Anbieter ermöglicht.

Iframes werden auch verwendet, um verschiedene Medientypen innerhalb einer Webseite darzustellen. Beispielsweise werden YouTube-Videos und Google-Maps-Fenster häufig mithilfe von Iframes in Webseiten eingebettet. Viele Webanwendungen verwenden Iframes, da sie dynamische Inhalte anzeigen können, ohne die Webseite neu zu laden.