<IFRAME> | NN 6 IE 3 HTML 4
<IFRAME>...</IFRAME> | HTML-End-Tag: Erforderlich
Mit dem Element iframe wird ein Inline-Frame innerhalb des normalen Inhaltsflusses in einem Dokument erstellt. Der Frame ist ein rechteckiger Bereich, in dem Sie ein weiteres HTML-Dokument laden können (oder mit Skripts dynamisch Inhalt schreiben können). Wenn Sie dem Attribut name eines iframe-Elements einen Wert zuweisen, können Sie diesen Namen dem Attribut target eines a-, form- oder anderen Elements zuweisen, in dem Sie ein Ziel für ein Zieldokument oder ein zurückgegebenes Dokument definieren können. Obwohl der rechteckige Bereich eines iframe-Elements direkt an den darüber stehenden Inhalt anschließt (auch in einer Textzeile), beginnt der Inhalt nach dem End-Tag in der nächsten Zeile unter dem Rechteck des Frames. Der Text direkt vor dem iframe-Element kann genau wie Text um ein img- oder object-Element herum ausgerichtet werden. Inhalt zwischen den Start- und End-Tags wird von Browsern ignoriert, die das Element iframe unterstützen. Alle anderen Browser zeigen solchen Inhalt als Inline-HTML-Inhalt an (um die Benutzer wissen zu lassen, was diese nicht sehen können, oder um einen Hyperlink zu ähnlichen Informationen bereitzustellen). Das Navigator 4-Element, das der Funktionalität und dem Verhalten des Elements iframe am nächsten kommt, ist das Element ilayer. Da der Inhalt eines iframe-Elements aus einer separaten Serverdatei stammt, lassen sich damit clientseitige Includes implementieren (siehe Kapitel 5). iframe verhält sich größtenteils wie ein frame-Element, ohne dass ein Frameset erforderlich ist. Das Element verhält sich sogar so sehr wie ein Frame, dass bei Bezugnahme über die Frame-Referenzierungssyntax (window.frameName) ein Objekt vom gleichen Typ wie ein window-Objekt zurückgegeben wird und kein frame-Elementobjekt. Während iframe-Elemente wie auch frame- und frameset-Elemente in der HTML 4 Transitional DTD validiert werden, lässt sich in der XHTML Transitional DTD nur iframe validieren. iframe wird in den Frameset DTDs für HTML 4 und XHTML validiert.
Beispiel
    <IFRAME src="quotes.html" width="150" height="90">
    <A href="quotes.html" target="new" style="color:darkred">
     Click here to see the latest quotes </A>
    </IFRAME>
Objektmodellreferenz
    [window.]document.getElementById(elementID)
Elementspezifische Attribute
align | datafld | datasrc | frameborder | height
hspace | longdesc | marginheight | marginwidth | name
scrolling | security | src | vspace | width
Elementspezifische Ereignisbehandlungsroutinenattribute
Keine.

align | NN 6 IE 3 HTML 4
align="alignmentConstant" | Optional
Bestimmt, wie das Rechteck des iframe-Elements im Verhältnis zu dem Inhalt angeordnet wird, der das Element umgibt. In Abschnitt 8.1.5 weiter vorne in diesem Kapitel sind die für das Attribut dieses Elements definierten Möglichkeiten beschrieben.
Beispiel
    <IFRAME src="quotes.html" width="150" height="90" align="center"></IFRAME>
Wert
Konstante, bei der es nicht auf die Groß-/Kleinschreibung ankommt.
Standardwert
left
Objektmodellreferenz
    [window.]document.getElementById(elementID).align

datafld | NN nicht zutreffend IE 4 HTML nicht zutreffend
datafld="columnName" | Optional
Wird in IE für die Datenbindung verwendet, um den Spaltennamen einer Remote-Datenquelle anstelle eines src-Attributs für ein iframe-Element zu verknüpfen. Die Datenquellenspalte muss eine gültige URI (relativ oder absolut) enthalten. Für das Element muss außerdem das Attribut datasrc gesetzt sein. Funktioniert in IE 5/Mac nur mit Textdateien als Datenquellen.
Beispiel
    <IFRAME datasrc="DBSRC3" datafld="newsURL"></IFRAME>
Wert
Bezeichner (Groß-/Kleinschreibung beachten).
Standardwert
Keiner.
Objektmodellreferenz
    [window.]document.getElementById(elementID).dataFld

datasrc | NN nicht zutreffend IE 4 HTML nicht zutreffend
datasrc="dataSourceName" | Optional
Wird in IE für die Datenbindung verwendet, um den Bezeichner des object-Elements der Seite anzugeben, das das Datenquellenobjekt für den Remote-Datenzugriff lädt. Der Inhalt der Datenquelle wird mit dem Attribut datafld angegeben. Funktioniert in IE 5/Mac nur mit Textdateien als Datenquellen.
Beispiel
    <IFRAME datasrc="DBSRC3" datafld="newsURL"></IFRAME>
Wert
Bezeichner (Groß-/Kleinschreibung beachten).
Standardwert
Keiner.
Objektmodellreferenz
    [window.]document.getElementById(elementID).dataSrc

frameborder | NN 6 IE 3 HTML 4
frameborder="borderSwitch" | Optional
Bestimmt, ob das iframe-Element mit einem Rahmen angezeigt wird. Wenn verknüpfte Dokumente so aussehen sollen, als seien sie in das Hauptdokument eingebettet, müssen Sie das Attribut frameborder deaktivieren.
Beispiel
    <IFRAME src="quotes.html" width="150" height="90" frameborder="no"></IFRAME>
Wert
Ein/Aus-Werte für dieses Attribut variieren je nach Quelle. In HTML 4 sind die Werte 1 (ein) und 0 (aus) vorgegeben. Internet Explorer 4 und Netscape 6 akzeptieren sowohl HTML-Werte als auch yes oder no.
Standardwert
1
Objektmodellreferenz
    [window.]document.getElementById(elementID).frameBorder

height, width | NN 6 IE 4 HTML 4
height="length" width="length" | Optional
Diese Attribute bestimmen die Abmessungen des iframe-Elements. Auf dem Macintosh ist hierzu IE 4.5 oder später erforderlich. In HTML 4 wird den CSS-Stilattributen height und width Vorrang vor diesen Attributen eingeräumt.
Beispiel
    <IFRAME src="news.html" height="200" width="200">
Wert
Ein beliebiger Wert in Pixeln oder ein Prozentsatz des verfügbaren Platzes.
Standardwert
Eine Breite von 300 Pixel; eine Höhe von 150 Pixel.
Objektmodellreferenz
    [window.]document.getElementById(elementID).height
    [window.]document.getElementById(elementID).width

hspace, vspace | NN nicht zutreffend IE 4 HTML nicht zutreffend
hspace="pixelCount" vspace="pixelCount" | Optional
Legt die Auffüllung um ein iframe-Element innerhalb des Inhaltsflusses fest. Das Attribut hspace steuert die Auffüllung entlang der linken und rechten Kante (horizontale Auffüllung) und das Attribut vspace die Auffüllung entlang der oberen und unteren Kante (vertikale Auffüllung). Wenn Sie Auffüllung hinzufügen, entsteht ein leerer Bereich um den Frame. Eine andere Möglichkeit (vor allem zur Gewährleistung der browserübergreifenden Kompatibilität) besteht darin, die verschiedenen Randeinstellungen über Stylesheets anzugeben. Dies bietet sich insbesondere dann an, wenn Sie nur an einer Kante Leerraum hinzufügen möchten.
Beispiel
    <IFRAME src="news.html" hspace="20" vspace="10">
Wert
Beliebiger positiver Integerwert.
Standardwert
0
Objektmodellreferenz
    [window.]document.getElementById(elementID).hspace
    [window.]document.getElementById(elementID).vspace

longdesc | NN 6 IE 6 HTML 4
longdesc="URL" | Optional
Gibt die URL eines Dokuments an, das eine längere Beschreibung des Elements als die Beschreibung im Attribut title enthält. Ein Anwendungsbereich dieses Attributs in zukünftigen Browsern besteht darin, eine mit Anmerkungen versehene Beschreibung des Elements für Benutzer bereitzustellen, die den Browserbildschirm nicht lesen können. In Netscape 6 lässt sich über die Option Eigenschaften im Kontextmenü dieses Elements ein kleines Fenster einblenden, das einen aktiven Link zu der diesem Attribut zugewiesenen URL enthält. Browser der Version 6 bieten keine weitergehende Funktionalität für dieses Attribut.
Beispiel
    <IFRAME longdesc="newsDesc.html" title="Navigation Bar" src="news.html">
    </IFRAME>
Wert
Eine gültige URI, einschließlich vollständige und relative URLs.
Standardwert
Keiner.

marginheight, marginwidth | NN 6 IE 3 HTML 4
marginheight="pixelCount" marginwidth="pixelCount" | Optional
Bestimmt die Anzahl der Pixel zwischen der inneren Kante eines Frames und dem im Frame wiedergegebenen Inhalt. Das Attribut marginheight steuert den Abstand entlang der oberen und (beim Bildlauf) der unteren Kanten eines Frames, während das Attribut marginwidth den Abstand an der linken und rechten Kante eines Frame steuert. Die HTML 4-Spezifikation überlässt das Standardverhalten den Browsern. Browser fügen in einem Rahmen ihre eigenen Standardränder ein (zwischen 8 und 14 Pixel). Wenn Sie einen dieser Werte neu definieren, wird der andere automatisch auf Null gesetzt. Daher müssen beide Attribute neu eingestellt werden, es sei denn, Inhalte sollen bündig mit dem Rand eines Frames ausgerichtet werden.
Beispiel
    <IFRAME src="news.html" marginheight="20" marginwidth="14"></IFRAME>
Wert
Beliebiger positiver Integerwert oder Null.
Standardwert
Hängt vom Browser und dem Betriebssystem ab.
Objektmodellreferenz
    [window.]document.getElementById(elementID).marginHeight
    [window.]document.getElementById(elementID).marginWidth

name | NN 6 IE 3 HTML 4
name="elementIdentifier" | Optional
Wenn Hyperlinks und Formulare ihre Ziel- oder Rückgabedokumente in andere Frames laden müssen als dem Frame, in dem sich der Hyperlink oder das Formular befindet, enthalten diese Elemente target-Attribute, in denen der Frame angegeben ist, in dem der neue Inhalt angezeigt werden soll. Damit der Inhalt in einem Frame dargestellt werden kann, muss dem Attribut name des Frames ein Wert zugewiesen sein. Derselbe Wert wird dem Attribut target des Elements a oder form zugewiesen.
Beispiel
    <IFRAME name="news" id="news" src="news.html"></IFRAME>
Wert
Bezeichner (Groß-/Kleinschreibung beachten).
Standardwert
Keiner.
Objektmodellreferenz
    [window.]document.getElementById(elementID).name

scrolling | NN 6 IE 3 HTML 4
scrolling="featureSwitch" | Optional
Standardmäßig fügen Browser vertikale und/oder horizontale Bildlaufleisten ein, wenn der in einen Inline-Frame geladene Inhalt über den sichtbaren Inhaltsbereich des Elements hinausgeht. Bildlaufleisten können sich auf das Layout von bestimmten Inhalten auswirken, da sie Platz beanspruchen, der eigentlich für Inhalt vorgesehen ist (d. h. der Frame wird nicht entsprechend vergrößert, wenn die Bildlaufleisten eingefügt werden). Aufgrund der Unterschiede bei den Standardschriftgrößen in Browsern und Betriebssystemversionen wird ein bestimmter Text auf verschiedenen Clients möglicherweise unterschiedlich dargestellt. Sollen die Bildlaufleisten im Frame nicht eingeblendet werden, müssen Sie das Attribut scrolling auf no setzen; sollen die Bildlaufleisten immer zu sehen sein, muss dem Attribut der Wert yes zugewiesen werden. In letzteren Fall sind die Bildlaufleisten, wenn für den Inhalt kein Bildlauf erforderlich ist, zwar sichtbar, jedoch deaktiviert. Sie sollten das Attribut scrolling nur dann auf no setzen, wenn Sie auf sämtlichen Browsern und Plattformen sichergestellt haben, dass der relevante Inhalt im Frame immer sichtbar ist. Wenn der Bildlauf im Frame deaktiviert ist, können einige Benutzer unter Umständen nicht den gesamten Inhalt des Frames einsehen. Statt dieses Attributs können Sie auch das CSS-Stilattribut overflow verwenden. Mit den Stilattributen overflow-x und overflow-y ermöglicht Microsoft außerdem die achsenspezifische Steuerung von Bildlaufleisten.
Beispiel
    <IFRAME src="news.html" scrolling="no"></IFRAME>
Wert
Konstanten: auto | no | yes.
Standardwert
auto
Objektmodellreferenz
    [window.]document.getElementById(elementID).scrolling

security | NN nicht zutreffend IE 6 HTML nicht zutreffend
security="restricted" | Optional
Unter Windows setzt dieses Attribut die Sicherheitsstufe des Inline-Frames auf die Stufe "Eingeschränkte Sites" (Extras / Internetoptionen / Sicherheit). Der Inhalt dieses Frames kann dann keine Skripts ausführen.
Beispiel
    <IFRAME src="news.html" security="restricted">
Wert
Konstante: restricted.
Standardwert
Keiner.

src | NN 6 IE 3 HTML 4
src="URL" | Optional
Gibt die URL des Inhalts an, der in das iframe-Element geladen werden soll. Die URL kann eine absolute URL oder relativ zur URL des Dokuments mit den Frameset-Spezifikationen sein. Sie können auch die javascript:-Pseudo-URL einsetzen, um den Rückgabewert eines Skripts im Frame anzuzeigen. Wenn Sie das Attribut src weglassen, wird ein leerer Frame geöffnet.
Beispiel
    <IFRAME src="news.html"></IFRAME>
Wert
Vollständige oder relative URL bzw. javascript:- Pseudo-URL.
Standardwert
Keiner.
Objektmodellreferenz
    [window.]document.getElementById(elementID).src

style | NN 4 IE 4 HTML 4
style="styleSheetProperties" | Optional
Mit diesem Attribut können Sie eine oder mehrere Eigenschaftenzuweisungen von Stylesheet-Regeln für das aktuelle Element einstellen. Für die Zuweisung von Stilattributen können Sie die CSS- oder (nur Navigator 4) die JavaScript-Syntax verwenden. Setzen Sie das style-Attribut nur in Verbindung mit sichtbaren (darstellbaren) Elementen ein.
Beispiel
    <SPAN style="color:green; font-size:18px">Big, green, and bold</SPAN>
Wert
Die gesamte Stylesheet-Regel für die CSS-Syntax ist in Anführungszeichen eingeschlossen. Mehrere Stilattributeinstellungen werden durch Strichpunkte getrennt. Ausführliche Informationen zu den Stylesheet-Attributen finden Sie in Kapitel 11.
Standardwert
Keiner.
Objektmodellreferenz
    [window.]document.getElementById(elementID).style

vspace |
Siehe hspace.

width |
Siehe height.