<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>
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
|
src | URL | URL zum Inhalt |
width | Pixel | Breite des Iframes |