<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
 
aligndataflddatasrcframeborderheight
hspacelongdescmarginheightmarginwidthname
scrollingsecuritysrcvspacewidth
 
Elementspezifische Ereignisbehandlungsroutinenattribute

Keine.

alignNN 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
datafldNN 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
datasrcNN 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
frameborderNN 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, widthNN 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, vspaceNN 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
longdescNN 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, marginwidthNN 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
nameNN 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
scrollingNN 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
securityNN 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.

srcNN 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
styleNN 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.