Inline Frames: Unterschied zwischen den Versionen
| Zeile 3: | Zeile 3: | ||
== Inline Frame (iframe)== | == Inline Frame (iframe)== | ||
| − | + | === Der iframe Beispiel === | |
<pre> | <pre> | ||
| − | <iframe src="extrainfo.html" name="Fenster"> | + | <iframe src="extrainfo.html" name="Fenster" width="300" height="200" scrolling="auto" style="border:none;"> |
</iframe> | </iframe> | ||
</pre> | </pre> | ||
| − | + | Erläuterung: Ein Frame der Größe 300 x 200 Pixel wird erzeugt. Mit Hilfe eines internen Styles werden die sichtbaren Rahmen entfernt. | |
| + | |||
| + | ===Verweis auf einen Inline Frame=== | ||
<a href="nochmehrinfo.html" target="Fenster">Noch mehr Infos</a> | <a href="nochmehrinfo.html" target="Fenster">Noch mehr Infos</a> | ||
| − | + | === Verfügbare Attribute === | |
Im einleitenden <iframe>-Tag können Sie folgende Eigenschaften definieren: | Im einleitenden <iframe>-Tag können Sie folgende Eigenschaften definieren: | ||
Version vom 20. Februar 2007, 12:34 Uhr
Normalerweise nutzt man die Inline Frames um externe Inhalte wie damals zu Frameset-Zeiten in eine Seite einzubinden. Wenn es nur um die platzsparende plazierung von Inhalten geht, reicht aber auch eine Div Box die man auf eine feste Größe Setzt und mit Scrollbalken versieht. Das hat zudem den Vorteil das die Gliederung des Textes eingehalten werden kann (SEO, semantische Gliederung des Inhaltes).
Inline Frame (iframe)
Der iframe Beispiel
<iframe src="extrainfo.html" name="Fenster" width="300" height="200" scrolling="auto" style="border:none;"> </iframe>
Erläuterung: Ein Frame der Größe 300 x 200 Pixel wird erzeugt. Mit Hilfe eines internen Styles werden die sichtbaren Rahmen entfernt.
Verweis auf einen Inline Frame
<a href="nochmehrinfo.html" target="Fenster">Noch mehr Infos</a>
Verfügbare Attribute
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. 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.
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. Beachten Sie:
Die Atrtribute hspace= und vspace= werden vom MS Internet Explorer interpretiert, gehören aber nicht zum Standard von HTML 4.0.
