Beispiel
Ein Inline-Frame markiert ist wie folgt aufgebaut:
<iframe src="http://www.w3ii.com"></iframe>
Versuch es selber " Definition und Verwendung
Das <iframe> -Tag gibt einen Inline - Frame.
Ein Inline-Rahmen wird verwendet, ein anderes Dokument in der aktuellen HTML-Dokument einbetten.
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <iframe> | ja | ja | ja | ja | ja |
Tipps und Hinweise
Tipp: mit Browsern zu beschäftigen , die nicht unterstützen <iframe> , fügen Sie einen Text zwischen dem öffnenden <iframe> -Tag und dem Schließen </iframe> -Tag.
Tipp: Verwenden Sie CSS , um Stil der <iframe> (auch Bildlaufleisten enthalten).
Unterschiede zwischen HTML 4.01 und HTML5
HTML5 hat einige neue Attribute hinzugefügt und mehrere HTML 4.01 Attribute werden von HTML5 entfernt.
Unterschiede zwischen HTML und XHTML
In XHTML, der name ist Attribut veraltet und werden entfernt. Verwenden Sie die globale ID - Attribut statt.
Attribute
= Neu in HTML5.
| Attribut | Wert | Beschreibung |
|---|---|---|
| align | left right top middle bottom | Nicht in HTML5 unterstützt. Gibt die Ausrichtung eines <iframe> nach umgebenden Elementen |
| frameborder | 1 0 | Nicht in HTML5 unterstützt. Gibt an, ob nicht eine Grenze um ein anzuzeigen <iframe> |
| height | pixels | Gibt die Höhe eines <iframe> |
| longdesc | URL | Nicht in HTML5 unterstützt. Gibt eine Seite , die eine lange Beschreibung des Inhalts eines enthält <iframe> |
| marginheight | pixels | Nicht in HTML5 unterstützt. Gibt die oberen und unteren Rand des Inhalts ein <iframe> |
| marginwidth | pixels | Nicht in HTML5 unterstützt. Gibt die linken und rechten Rand des Inhalts ein <iframe> |
| name | text | Gibt den Namen ein <iframe> |
| sandbox | allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation | Ermöglicht einen zusätzlichen Satz von Einschränkungen für den Inhalt in ein <iframe> |
| scrolling | yes no auto | Nicht in HTML5 unterstützt. Gibt an, ob nicht Bildlaufleisten in ein zum Anzeigen <iframe> |
| src | URL | Gibt die Adresse des Dokuments in das einbetten <iframe> |
| srcdoc | HTML_code | Gibt den HTML - Inhalt der Seite zu zeigen , in der <iframe> |
| width | pixels | Gibt die Breite eines <iframe> |
globale Attribute
Das <iframe> Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Das <iframe> Tag unterstützt auch der Veranstaltung in HTML - Attribute .
Verwandte Seiten
HTML - Tutorial: HTML IFrames
HTML - DOM - Referenz: IFrame - Objekt
Standard CSS-Einstellungen
Die meisten Browser erscheint auf dem Display <iframe> mit den folgenden Standardwerte Element:
iframe:focus {
outline: none;
}
iframe[seamless] {
display: block;
}