Was ist ein 'Anker' im Kontext der Webentwicklung?

Anker sind ein Navigationsmittel innerhalb einer Webseite. Sie ermöglichen es, einen Link zu erstellen, der nicht auf eine andere Seite führt, sondern zu einem bestimmten Abschnitt der aktuellen Seite.

Sie werden mit folgendem umgesetzt:

1. Attribut id: Wird einem Element zugewiesen, das das Ziel ist — der Ort, zu dem der Anker führt. Das id muss innerhalb der Seite einzigartig sein.

   <h2 id="section-title">Abschnittstitel</h2>
   

2. Links mit dem Symbol # und dem Wert id: Im href-Attribut wird # gefolgt vom id-Wert des Ziel-Elements angegeben.

   <a href="#section-title">Zum Abschnitt springen</a>
   

Beim Klicken auf diesen Link scrollt der Browser zur entsprechenden id-Markierung.

Anker werden verwendet für:

• Erstellung eines Inhaltsverzeichnisses auf langen Seiten.
• Schnelles Navigieren zu bestimmten Sektionen (z.B. Formulare, Kontakte, Notizen).
• Beibehaltung der Position des Nutzers beim Aktualisieren oder Zurückkehren auf die Seite.

In der URL wird der Anker nach dem #-Zeichen hinzugefügt: https://example.com/page#section-title.