Sprungziele (Anker) definieren
Mit Hilfe von Ankern kannst Du bestimmte Textstellen in einem Dokument oder auch dateiübergreifend in einem anderen Dokument anspringen.
Anker definieren
Zuerst brauchst Du das Sprungziel, den Anker. Dazu definierst Du eine bestimmte Textstelle oder ein Bild als Anker:
<a name="sprungziel_1">Text oder Bild</a>
Danach definierst Du einen Verweis, der auf das Sprungziel zeigt:
<a href="#sprungziel_1">Linktext oder Bild</a>
Wichtig ist die Raute vor dem Sprungziel, da damit dem Browser mitgeteilt wird, daß das Ziel auf dieser Seite im Inhalt zu suchen ist.
Es ist auch zulässig, IDs von beliebigen Elementen als Sprungziele zu
definieren. Das heißt es ist nicht unbedingt nötig, einen Anker zu
definieren, wenn ein Element eine eigene ID besitzt. In neuesten
XHTML-Versionen (ab XHTML 1.1) gibt es sogar das
name-Attribut gar nicht mehr, da das Springen zu IDs deutlich sinnvoller ist. Die
meisten Browser (Ausnahme: Netscape 4.x und älter) können IDs als Ziel anspringen; wer
rückwärtskompatibel arbeiten möchte, muß also auf XHTML 1.0 (am
besten strict) zurückgreifen und zusätzlich zu
dem id-Attribut auch mit dem name-Attribut
arbeiten.
Auch existiert bei inzwischen praktisch allen Browsern die Möglichkeit, vordefinierte Anker zu benutzen, z. B. den Anker „#top“ der immer zum Seitenanfang führt, auch wenn kein Anker dieses Namens definiert wurde. Allerdings funktioniert das in sehr alten Browsern nicht und ist auch nirgends vorgeschrieben – anders die IDs als Sprungziel.
Bei Verweisen auf Anker auf einer anderen Seite ist die Vorgehensweise grundsätzlich dieselbe, nur daß der Link ein wenig anders aussieht:
<a href="pfad/ressourcenname.html#sprungziel_1">Link</a>
Dadurch wird zuerst die Ressource geladen und anschließend springt der Browser zum Anker.
Es ist durchaus auch zulässig, leere Anker ohne Inhalt zu erzeugen:
<a name="ankername"></a>
Allerdings haben einige Browser dann Probleme, den Anker zu finden,
deshalb ist es immer besser, in einem Anker entweder Text oder ein Bild
einzuschliessen. Wenn der Anker dennoch unsichtbar auf der Seite sein soll,
dann fügst Du am Besten ein geschützes Leerzeichen ( )
ein. Einige Browser haben auch Probleme, zu Ankern zu springen, die innerhalb
von Tabellen definiert wurden. In diesem Fall ist es besser, die Tabellen zu
teilen und den Anker dazwischen zu definieren.
Viel Spaß!