|
Mit einem benannten Anker kennzeichnen Sie eine Textstelle in
einem Dokument als Verweisziel eines Links. So können Sie z.B. vom
Anfang eines Dokumentes zum Ende springen und umgekehrt.
Im Beispiel ist das h2-Element als Anker mit dem Namen oben
markiert.
<h2><a name="oben" id="oben">Beispiele
für Hypertext-Links</a></h2>
Tipp:
In XHTML Strict soll das Attribut name nicht mehr verwendet
werden, sondern nur noch id. name sollten sie dennoch
zusätzlich zu id einsetzen, da ältere Browser das
Attribut id nicht interpretieren.
Am Seitenende im Beispiel ist ein Hypertext-Link mit dem Verweisziel
oben definiert. Als Wert für das Attribut href
geben Sie den Anker-Namen an, dem Sie die Raute # voranstellen.
<p>Link zum <a href="#oben">Seitenanfang</a>
in diesem Dokument</p>
Befindet sich der benannte Anker in einem anderen Dokument, hängen
Sie an die URL die Raute # und den Anker-Namen an.
<p>Link zu einer <a href="b9_1.html#text1">bestimmten
Stelle</a> in einem <strong>anderen
Dokument</strong><br>
Beispiel im Browser anzeigen
Einen Anker können Sie auch setzen, indem Sie einem Element direkt
einen id-Namen zuweisen. Sie müssen dann kein extra
a-Element mehr schreiben. Diese Schreibweise funktioniert nur in
Browsern, die das id-Attribut erkennen. Beachten Sie, dass
Sie nicht einem Element einen Wert für id zuweisen dürfen
und einem anderen Element den selben Wert für name.
<h2 id="oben">Beispiele für Hypertext-Links</h2>
Für id und name gelten die selben Syntaxregeln:
- es darf nur eine einzige Textstelle mit diesem Anker-Namen
ausgezeichnet werden.
- der Attributwert für id oder name ist vom
Typ name token: eine Zeichenfolge, die mit den Buchstaben a
bis Z beginnt und eine beliebige Zahl von Buchstaben, Ziffern, Punkten
(.), Trennstrichen (-), Unterstrichen (_) und Doppelpunkten (:) enthält.
- Groß- und Kleinschreibung werden von manchen Browsern ignoriert,
deswegen sollten Sie am besten Werte für id und name
ausschließlich in Kleinbuchstaben schreiben.
Tipp:
Wenn Sie href und id zusammen in einem a-Element
einsetzen, definieren Sie damit sowohl einen Link als auch einen benannten
Anker.
<a href="doc1.html" id="anker1">Dokument
1 anzeigen</a>
|
