Eingebettete Frames |
|
Eingebettete Frames definieren |
|
Anzeigebeispiel: So sieht's aus
Eingebettete Frames werden vom MS Internet-Explorer ab Version 3.x interpretiert, von Netscape bis einschließlich Version 4.x dagegen nicht. Seit HTML 4.0 gehören sie zum HTML-Standard. Eingebettete Frames sind ein eigenständiges Gestaltungsmittel zur Informationsaufbereitung, das anders funktioniert als "normale" Frames. Eingebettete Frames erzeugen keine eigene Aufteilung des Bildschirms, sondern sind ähnlich wie Grafiken oder Videos Bereiche innerhalb einer HTML-Datei, in denen fremde Quellen, vor allem andere HTML-Dateien angezeigt werden können.
<html> <head> <title>Datei mit eingebettetem Frame</title> </head> <body> Inhalte der Datei <iframe src="extrainfo.html" name="Fenster"> Dieser Test wird angezeigt, wenn der Browser den Befehl nicht kennt </iframe> Andere Inhalte der Datei </body> </html> |
Für HTML-Dateien mit eingebetteten Frames gilt das gewöhnliche Grundgerüst einer HTML-Datei. Eingebettete Frames können dann im Textkörper der HTML-Datei an einer gewünschten Stelle vorkommen. Mit <iframe...> leiten Sie einen eingebetteten Frame ein (iframe = internal frame = interner Rahmen). Mit dem Attribut src= bestimmen Sie, was in dem eingebetteten Frame angezeigt werden soll. Normalerweise wird dies eine andere HTML-Datei sein. Die Angabe muß in Anführungszeichen stehen. Es gelten die gleichen Regeln wie beim Einbinden von Grafiken.
Ferner sollten Sie für den eingebetteten Frame mit name= einen Namen vergeben. Diese Namen brauchen Sie, um Verweise zu dem eingebetteten Frame zu definieren. Namen für Frames müssen in Anführungszeichen stehen, dürfen nicht zu lang sein und nur aus Buchstaben, Ziffern und dem Unterstrichen bestehen.
Zwischen dem einleitenden <iframe> und dem erforderlichen, abschließenden </iframe> können Sie Text und andere Elemente notieren, die von WWW-Browsern angezeigt werden, die den eingebetteten Frame nicht interpretieren.
Andere Möglichkeiten, um Inhalte aus anderen Dateien innerhalb einer HTML-Datei anzuzeigen, sind Datendateien als Objekt (ebenfalls HTML-Standard) und Layer mit Inhalt aus anderer Datei (Netscape-spezifisch).
Anzeigebeispiel: So sieht's aus
Sie können verschiedene Eigenschaften definieren, um die Größe eines eingebetteten Frames, den Abstand zur Umgebung usw. zu bestimmen.
<iframe src="extrainfo.html" width=200 height=300 align=left hspace=30 vspace=50 scrolling=yes> Dieser Test wird angezeigt, wenn der Browser den Befehl nicht kennt </iframe>Dieser Text fließt rechts um den Frame. |
Im einleitenden <iframe>-Tag können Sie folgende Eigenschaften definieren:
Mit width= [Pixel/Prozent] bestimmen Sie die Breite des eingebetteten Frames, mit height= seine Höhe (width= Breite, height = Höhe). Die Funktionalität ist identisch wie die bei Grafiken (siehe Breite und Höhe einer Grafik).
Mit align=left richten Sie den eingebetteten Frame links aus. Der folgende Text fließt rechts um den Frame. Mit align=right richten Sie den eingebetteten Frame rechts aus und der folgende Text fließt links um den Frame. Die Funktionalität ist identisch wie die bei Grafiken (siehe Grafik mit umfließendem Text einbinden).
Mit hspace= [Pixel] bestimmen Sie den Abstand zum Text neben dem eingebetteten Frame, mit mit vspace= [Pixel] den Abstand zum Text über bzw. unter dem Frame (hspace = horizontal space = horizontaler Abstand, vspace = vertical space = vertikaler Abstand). Die Funktionalität ist identisch wie die bei Grafiken (siehe Abstand zwischen Grafik und Text definieren).
Mit scrolling= [yes/no/auto] können Sie Scrollbars (Bildlaufleisten) in dem eingebetteten Frame erzwingen oder verhindern. Die Funktionalität ist identisch wie die bei normalen Frames (siehe Scrollbars (Bildlaufleisten) erzwingen/verhindern).
Die Atrtribute hspace= und vspace= werden vom MS Internet Explorer interpretiert, gehören aber nicht zum Standard von HTML 4.0.
Anzeigebeispiel: So sieht's aus
In einer HTML-Datei, in der Sie einen eingebetteten Frame definieren, können Sie mit Verweisen auch den Inhalt des eingebetteten Frames ändern.
<iframe src="extrainfo.html" name="Fenster"> </iframe> <p> <a href="nochmehrinfo.html" target="Fenster">Noch mehr Infos</a> |
Voraussetzung für Verweise zu einem eingebetteten Frame ist, daß der eingebettete Frame einen Namen erhalten hat. Im obigen Beispiel ist das der Name Fenster.
Für das Setzen eines Verweises zu dem eingebetteten Frame gilt das Schema für Verweise in HTML. Damit das Verweisziel in dem Frame angezeigt wird, notieren Sie im einleitenden Verweis-Tag zusätzlich die Angabe target= (target = Ziel). Dahinter folgt der Name des Frame-Fensters, in dem das Verweisziel angezeigt werden soll. Der Name muß in Anführungszeichen stehen.
weiter: | Tips zum Umgang mit Frames |
zurück: | Verweise zu Frames und zum Beenden von Frame-Sets |