HTML Tutorial

[ Inhaltsverzeichnis ]
[ 1.1 ] [ 1.2 ] [ 1.3 ] [ 1.4 ] [ 1.5 ] [ 1.6 ] [ 1.7 ] [ 2.0 ] [ 2.1] [ 2.2 ] [ 2.3 ] [ 2.4 ] [ 2.5 ] [ 2.6 ] [ 2.7 ] [ 2.8 ] [ 2.9 ] [ 3.0 ] [ 3.1 ] [ 3.2 ] [ 3.3 ]

Frames (3)
Ein kleines Beispiel mit Frames, das die Vor- und Nachteile von Frames demonstriert...

HTML Quellcode der Datei start.html:

<html>
<head> <title>Tutorial</title> </head>

<frameset cols="150,*" frameborder="0" framespacing="0"
border="0">
<frame src="./navigation.html" name="navilinks" scrolling="no">
<frameset rows="90,*" frameborder="2" framespacing="0"
border="2">
<frame src="./banner.html" name="banner" scrolling="no">
<frame src="./seite1.html" name="inhalt" scrolling="yes"> </frameset>
</frameset>
</html>

HTML Quellcode der Datei navigation.html:

<html>
<head> <title>Menue</title> </head>
<body bgcolor="green1">
<ul>
<li><a href="./seite1.html" target="inhalt">Seite 1</a></li>
<li><a href="./seite2.html" target="inhalt">Seite 2</a></li>
</ul>
</body>
</html>

HTML Quellcode der Datei seite1.html:

<html>
<head> <title>Seite 1</title> </head>
<body>
<h1>Seite 1</h1>
<p>
Dies ist die Seite 1, die durch das HTML-Dokument
<a href="./seite1.html" target="_top"><tt>seite1.html</tt></a>
dargestellt wird. Zur Seite 2 im Target "inhalt" geht es
<a href="./seite2.html" target="inhalt">hier lang ...</a>
</p>
</body>
</html>

So sieht's im Browser aus...

Erklärung:

target="_top":
Allgemein spezifiziert das Attribut target des Anchor-Elements <a>, in welchem Frame bzw. Fenster das referenzierte Dokument erscheinen soll. Existiert der Name des Frames nicht, so wird ein neues Fenster geöffnet, das dann den Namen erhält.

Das spezielle Target "_top" bewirkt, dass der Hyperlink stets komplett in dem gerade aktiven Browserfenster geöffnet wird. Alle existierenden Frames werden vernichtet. Ein solcher Link empfiehlt sich, wenn aus einem Frame heraus auf ein externes Web-Dokument referenziert wird. Auf diese Weise wird verhindert, dass die Webseite in dem alten Frame erscheint.


[ Inhaltsverzeichnis ]
[ 1.1 ] [ 1.2 ] [ 1.3 ] [ 1.4 ] [ 1.5 ] [ 1.6 ] [ 1.7 ] [ 2.0 ] [ 2.1] [ 2.2 ] [ 2.3 ] [ 2.4 ] [ 2.5 ] [ 2.6 ] [ 2.7 ] [ 2.8 ] [ 2.9 ] [ 3.0 ] [ 3.1 ] [ 3.2 ] [ 3.3 ]

©2003 de Vries