Lektion 7/Teil 2 - Anker

Anker sind Links, die ihr Ziel auf der selben HTML-Seite haben oder auf eine bestimmte Stelle auf einer anderen Seite verweisen.
Dort, wo das Link hinführen soll, muss der Befehl
<A NAME="">...</A>
stehen. Also zum Beispiel:
<A NAME="WEITER_UNTEN">Irgendwas</A>
Das Wort "Irgendwas" ist ein Wort aus deinem Text, das an der Stelle steht, wo der Anker hinführen soll. Auf der Seite siehst du nichts von dem NAME-Befehl. Das Wort "Irgendwas" sieht aus wie alle anderen auch.

Den Inhalt des NAME-Befehls ("WEITER_UNTEN") gibt man dem Link-Befehl als Ziel an. Wichtig ist dabei, dass man das Zeichen # davor macht. Außerdem sollte der Name nicht zu lang sein und er darf natürlich keine Umlaute (Üs, Äs, ...) enthalten.
In unserem Beispiel wäre das dann:
<A HREF="#WEITER_UNTEN">Hier geht es nach unten</A>
Auf der Seite erscheint der Text "Hier geht es nach unten" unterstrichen wie ein normales Link. Wenn man drauf klickt, springt der Browser an die Stelle der Seite, wo der NAME-Befehl sitzt. Das kann bei langen Seiten sehr sinnvoll sein. Wenn du auf eine bestimmte Stelle auf einer anderen Seite verweisen möchtest, setzt du zu dem #NAMEN die entsprechende Datei, also in unserem Beispiel <A HREF="SEITE.HTML#WEITER_UNTEN">eine andere Seite</A>

Übrigens ist die Zeichnung in der vorigen Lektion 7/Teil 1 ein Beispiel dafür, wie man Anker sinnvoll einsetzen kann. Zu den Erklärungen 1. und 2. führen Anker auf der selben Seite. Zu den Erklärungen 3. und 4. führen Anker auf eine andere HTML-Seite.

Wenn der Anker und das Link, das zu ihm führt, so wenig Abstand voneinander haben, dass sie beide gleichzeitig auf dem Bildschirm sind, passiert gar nichts, wenn man auf das Link klickt. Die Befehle für die Links und die Anker funktionieren genauso bei Bildern. Aber das besprechen wir erst in der nächsten Lektion.

weiter