Was ist ein 'Anker' in der Webentwicklung?

Der Anker ist eine Markierung innerhalb eines HTML-Dokuments, die es ermöglicht, einen direkten Link zu einem bestimmten Ort auf der Seite zu erstellen. Meistens werden Anker für die Navigation innerhalb einer Webseite verwendet.

Der Anker wird durch das Attribut id an einem HTML-Element und einen Link (<a>) mit dem Attribut href implementiert, das mit dem Symbol # und dem Namen des Ankers (id) beginnt.

<a href="#section2">Zur zweiten Sektion springen</a>

<section id="section1">
  <h2>Erste Sektion</h2>
  <p>Inhalt der ersten Sektion.</p>
</section>

<section id="section2">
  <h2>Zweite Sektion</h2>
  <p>Inhalt der zweiten Sektion.</p>
</section>

Beim Klicken auf den Link mit href="#section2" scrollt der Browser automatisch zur Stelle mit id="section2".

Vergleichstabelle für die Verwendung von Ankern und normalen Links:

Merkmal	Anker (href="#id")	Normaler Link (href="/page")
Wohin führt der Link	Zu einem bestimmten Ort auf der aktuellen Seite	Zu einer anderen Seite oder Ressource
Symbol in href	Beginnt mit #	Beginnt normalerweise mit / oder dem Protokoll (http://)
Funktion	Navigation innerhalb der Seite	Navigation zwischen Seiten