<iframe> Tag - eingebette HTML-Seiten

Erstellt einen eingebetteten Iframe:

<iframe src="https://www.ekiwi-blog.de">
    <p>Dein Browser unterstützt keine IFrames.</p>
</iframe>

Online testen

Verwendung

Der iframe erstellt einen Inline-Frame. Mit einem Inline-Frame können Sie externe HTML-Seiten und Dokumente innerhalb einer Seite einbinden. Dies hat den Vorteil, dass beide Inhalte sich nicht in die Quere kommen. Z.B. die CSS-Einstellungen der jeweils anderen Seite beeinflussen nicht die Inhalte der anderen Seite. Damit eignet sich der Iframe z.B. um ein Formular in eine Webseite zu integrieren, welche ein anderes CSS-Framework verwendet. Auch PDF-Dokumente lassen sich so in eine Webseite einbauen.

Es lassen sich sowohl lokale Links als auch ganze Webseiten einbinden. Zu beachten ist jedoch, dass sich die Ladezeiten dadurch erhöhen können, wenn eine weitere Webseite mit geladen werden muss. Die größe des Iframes und das Aussehen kann über die Attribute bzw. über CSS festgelegt werden. Zur leichten Konfiguration des Iframes, kann man unseren Iframe-Generator verwenden.

Attribute

Attribut Wert Beschreibung
align left, right, top, middle, bottom Ausrichtung des Iframe, in HTML 5 nicht mehr unterstützt.
frameborder 1, 0 1 = mit Rahmen, 0 = ohne, in HTML 5 nicht mehr unterstützt.
height Pixel Höhe in Pixel
marginheight Pixel Abstand oben und unten zum anderen Inhalt, in HTML 5 nicht mehr unterstützt.
marginwidth Pixel Abstand links und Rechts zum anderen Inhalt, in HTML 5 nicht mehr unterstützt.
name Text Name des Iframes, z.B. für Verwendung mit Java-Script oder CSS
sandbox allow-forms
allow-pointer-lock
allow-popups
allow-same-origin
allow-scripts
allow-top-navigation
Restriktionen des Iframes, ab HTML 5
scrolling yes, no, auto

Legt fest ob Scrollbalken angezeigt werden sollen

  • yes = immer
  • no = nie
  • auto = automatisch, wenn Inhalt größer ist
src URL URL zum Inhalt
width Pixel Breite des Iframes