Mit dem HTML 4 Standard kam auch
eine neue Variante von Frames hinzu: Eingebettete
Frames, Inline-Frames genannt. Im Gegensatz zu "normalen
Frames" werden Inline-Frames nicht in einzelne
Seiten aufgeteilt, sondern in ein bestehendes HTML
Dokument, ähnlich einer Grafik, eingebettet. |
HTML Dokumente, in denen später das Inline-Frame
eingebettet wird, können beliebig erstellt werden.
An der Stelle, an welcher das andere Frame erscheinen
soll, leiten Sie mit <iframe>
das Inline Frame ein. In dieses Tag wird das src-Attribut,
das Sie wahrscheinlich aus der Einbindung von Grafiken
kennen, gesetzt. Mit diesem wird der Pfad der Datei
angegeben, die eingebunden werden soll.
Des Weiteren sollte dem Inline-Frame mit dem name
Attribut ein Name zugeteilt werden, um u.a. später
Verweise/Links zu dem Inline-Frame setzen zu können.
Mit width= und height=
kann die Breite bzw. die Höhe des einzubettenden
Inline-Frame in Pixelangaben oder Prozentwerten, die
sich auf die Größe des verfügbaren
Raums beziehen, angegeben werden. Sollte das Inline-Frame
größer sein, als die Angabe, so erscheinen
horizontale bzw. vertikale Scrollbalken.
Beispiel:
<html>
<head>
</head>
<body>
<p>Ein Inlineframe</p>
<iframe src="../index.shtml" name="index"
width="300" height="300">
</body>
</html>
Sollten Sie keine sichtbaren Scrollbalken wünschen,
so können Sie diese mit scrolling="no"
(yes für einen Scrollbalken)
unterdrücken.
Mit frameborder="0"
können Sie den sichtbaren Außenrahmen des
eingebetteten Frames unterdrücken.
Mit marginwidth=""
kann der Abstand zum linken Rand (horizontale) angegeben
werden (Abstand zum oberen Rand (vertikale) mit marginheight=""
). Beide Angaben können jeweils in Pixeln oder
Prozeten ausgedrückt werden.
Zusätzlich können Sie mit dem Attribut noresize
eine Größenveränderung des Fensters
per Ziehen des Framerandes mit der Maus unterdrücken.
Verweise auf IFrames
Um den Inhalt eines IFrames mit einem Verweis
ändern zu können, benötigt das <IFrame>
Tag das name Attribut.
Dieser Name wird dann als Ziel (target="namedesframe")
im <a> Verweis Tag
gesetzt.
Beispiel:
<html>
<head>
</head>
<body>
<p>Ein Inlineframe</p>
<a href="../sitemap.shtml" target="index">Sitemap</a>
<iframe src="../index.shtml" name="index"
width="300px" height="300px">
</body>
</html>
Bisher haben Inlineframes in der Praxis, trotz ihrer
Vorteile, eher weniger Verwendung gefunden. Dies lag
wohl daran, dass nur neuere Browser Inline-Frames
richtig interpretieren und ausgeben können. So
interpretiert Microsofts Internet Explorer Inline-Frames
erst ab der Version 3.x und der Netscape Navigator
ab der Version 6.x korrekt.
|
