Zum Inhalt springen

Anker (HTML)

aus Wikipedia, der freien Enzyklopädie
Dies ist die aktuelle Version dieser Seite, zuletzt bearbeitet am 14. Oktober 2024 um 21:03 Uhr durch imported>Itangast (Beispiel: typo).
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)

Ein Anker bezeichnet eine Sprungmarke innerhalb eines HTML-Dokuments. In der Hypertext-Theorie steht der Begriff Anker generell für den Anfangs- und Endpunkt eines Hyperlinks. Der Anfangspunkt wird durch ein Querverweis-Element mit einem href-Attribut (hypertext reference) und der Endpunkt, Zielpunkt, durch ein Element mit einem id-Attribut (Identifikator) definiert.

In HTML-Versionen vor HTML5 konnten diese Sprungmarken auch mithilfe des a-Elementes, das ein name-Attribut bekam, realisiert werden.<ref>HTML4, Introduction to links and anchors. In: W3C. Abgerufen am 27. Januar 2024 (Lua-Fehler in Modul:Multilingual, Zeile 153: attempt to index field 'data' (a nil value)).</ref> Der Name des a-Elementes wurde von anchor (englisch für „Anker“) hergeleitet. Mit HTML5 wurde generell das id-Attribut als Sprungmarke festgelegt.

Dadurch, dass eine Sprungmarke innerhalb einer URL vorkommen kann, lässt sich ein Unterabschnitt eines Dokuments (engl. fragment)<ref>12 Links – 12.2 The A element. In: HTML 4.01 Specification W3C Recommendation 24 December 1999. Dave Raggett, Arnaud Le Hors, Ian Jacobs, W3C-Consortium, abgerufen am 9. Oktober 2008 (Lua-Fehler in Modul:Multilingual, Zeile 153: attempt to index field 'data' (a nil value)).</ref> direkt durch einen Hyperlink adressieren.

Beispiel

Beispielsweise kann für einen Unterabschnitt eine Sprungmarke wie folgt definiert werden: <syntaxhighlight lang="html">

Überschrift

</syntaxhighlight>

Zum Vergleich, in älteren HTML-Versionen wurde die Sprungmarke wie folgt definiert:

<syntaxhighlight lang="html">

<a name="Ankername">Überschrift</a>

</syntaxhighlight>

Mit einem Hyperlink kann jetzt auf diese Sprungmarke verwiesen werden. Dazu wird die Sprungmarke mit dem URL-Fragmentbezeichner # (Rautezeichen) kodiert:<ref>2 Introduction to HTML 4 – 2.1.2 Fragment identifiers. In: HTML 4.01 1999. W3C, abgerufen am 9. Oktober 2008 (Lua-Fehler in Modul:Multilingual, Zeile 153: attempt to index field 'data' (a nil value)).</ref>

<syntaxhighlight lang="html"> <a href="#Ankername">Link</a> </syntaxhighlight>

Verweis auf eine Sprungmarke in einem anderen Dokument:

<syntaxhighlight lang="html"> <a href="seite.html#Ankername">Link</a> </syntaxhighlight>

Verweis auf eine Sprungmarke in einem anderen Dokument mit Parameter:

<syntaxhighlight lang="html"> <a href="seite.php?name=value#Ankername">Link</a> </syntaxhighlight>

Beim Aktivieren dieser Links öffnet der Browser das referenzierte HTML-Dokument und wählt durch Scrollen den Anker an.

Weblinks

Einzelnachweise

<references />