The Web Design Group

IFRAME - Inline Frame

Syntax <IFRAME>...</IFRAME>
Attribut-Spezifikationen
  • SRC=URI (URL des Frame-Inhalts)
  • NAME=CDATA (Name des Frames)
  • LONGDESC=URI (Link zur langen Beschreibung)
  • WIDTH=Length (Framebreite)
  • HEIGHT=Length (Framehöhe)
  • ALIGN=[ top | middle | bottom | left | right ] (Frame-Ausrichtung)
  • FRAMEBORDER=[ 1 | 0 ] (Frame-Rand)
  • MARGINWIDTH=Pixels (Randbreite)
  • MARGINHEIGHT=Pixels (Randhöhe)
  • SCROLLING=[ yes | no | auto ] (Möglichkeit zu Scrollen)
  • Kern-Attribute
Inhalte Inline Elemente, Block-Level Elemente
Beinhaltet in Block-Level Elemente, Inline Elemente außer BUTTON

Das IFRAME-Element definiert einen Inline-Frame um externe Objekte einzubinden, die andere HTML-Dokumente einbinden. IFRAME bietet die gleiche Funktionalität wie OBJECT. Eine Vorteil von IFRAME ist, dass es als Target fü andere Links dienen kann. Wie auch immer, OBJECT ist in HTML 4 Strict, eingebunden, während es IFRAME nicht ist.

Das SRC-Attribut von IFRAME stellt den Ort des Frameinhalts zu Verfügung--normalerweise ein HTML-Dokument. Das optionale NAME-Attribut legt den Namen des Inline-Frames fest, was den Link ermöglicht den Frame als Target zu erreichen.

Der Inhalt des IFRAME-Elements wird als Alternative für Browser verwendet, die nicht dafür konfiguriert sind Inline-Frames anzuzeigen oder sie ohnehin nicht unterstützen. Der Inhalt kann aus Inline- oder Block-Level-Elementen bestehen, dazu müssen jegliche Block-Level Elemente in dem Container-Element IFRAME zugelassen sein. Zum Beispiel kann ein IFRAME innerhalb eines H1 kein H2 enthalten, allerdings kann ein IFRAME in einem DIV jegliche Block-Level Elemente enthalten.

Das LONGDESC-Attribut gibt die URL der langen Beschreibung des Frame-Inhalts an. Das ist teilweise hilfreich für vollständige Beschreibungen eingebetteter Objekte. Nehmen Sie zur Kenntnis, dass LONGDESC den Frame-Inhalt beschreibt, während der Inhalt des IFRAME-Elements sich wie ein Ersatz verhält, wenn die externe Quelle nicht eingebunden werden kann.

Ein Beispiel :

<IFRAME SRC="recipe.html" TITLE="The Famous Recipe">
<!-- Alternate content for non-supporting browsers -->
<H2>The Famous Recipe</H2>
<H3>Ingredients</H3>
...
</IFRAME>

Die WIDTH- und HEIGHT-Attribute legen die Dimensionen des Inline-Frames in Pixeln oder oder als Prozentwert des zur Verfügung stehenden Platzes fest. Das FRAMEBORDER-Attribut legt fest, ob ein Rand gezeichnet werden soll oder nicht. Der Standardwert 1 führt zu einem Rand und der Wert 0 unterdrückt diesen. Style Sheets ermöglichen mehr Flexibilität in der Rand-Darstellung.

Das ALIGN-Attribut spezifiziert die Ausrichtung des Inline-Frames. Die Werte top, middle und bottom legen die Position des Frames unter Rücksichtnahme auf den umgebenden Inhalt links und rechts fest.

ALIGN=middle richtet den Frame vertikal mittig zur aktuellen Grundlinie aus. Um den Frame horizontal mittig auf der Seite zu platzieren, setzen Sie den Frame in einen zentrierten Block, z.B.,

<P ALIGN=center><IFRAME SRC="foo.html" WIDTH=300 HEIGHT=100></IFRAME></P>

Die anderen ALIGN-Werte, left und right, spezifizieren einen floating Frame; der Frame wird am linken oder am rechten Rand platziert und der Inhalt umfließt ihn. Um den Inhalt unter dem Frame zu platzieren, verwenden Sie am besten <BR CLEAR=left|right|all>.

Die vertical-align- und float-Eigenschaften des Cascading Style Sheets bieten flexiblere Methoden um Inline-Frames auszurichten.

Die MARGINWIDTH- und MARGINHEIGHT-Attribute definieren einen Pixelwert, der für die linken/rechten und oberen/unteren Ränder in einem Inline-Frame verwendet werden. Der Wert muss ein positiver Integerwert sein.

Das SCROLLING-Attribut legt fest, ob Scrollbalken angeboten für die Inline-Frames angeboten werden sollen. Der Standardwert, auto, erzeugt nur Scrollbalken, wenn sie notwendig sind. Der Wert yes erzeugt immer Scrollbalken und der Wert no unterdrückt diese--auch wenn sie gebraucht werden um den ganzen Inhalt zu sehen.

Weitere Informationen