Was ist ein Anker-Link


Veröffentlicht am 1. Juli 2025 von Alexander Süß

Ein Anker-Link (auch Sprungmarke oder Anchor Link genannt) ist ein Link, der dich direkt zu einer bestimmten Stelle auf derselben Seite oder auf einer anderen Seite bringt – also nicht ganz nach oben, sondern z. B. zu einem bestimmten Abschnitt oder Überschrift.


🧲 Beispiel für einen Anker-Link

Angenommen, du hast auf deiner Seite eine Überschrift wie:

html
<h2 id="kontakt">Kontakt</h2>

Dann kannst du einen Link wie diesen setzen:

html
<a href="#kontakt">Zum Kontakt</a>

➡️ Wenn man darauf klickt, springt die Seite direkt zum Abschnitt mit der ID kontakt.


🔗 Arten von Anker-Links

Typ Beispiel Wirkung
Interne Sprungmarke <a href="#faq">FAQ anzeigen</a> Springt auf derselben Seite zu #faq
Externe mit Anker <a href="seite.html#kontakt">Kontakt</a> Öffnet andere Seite und scrollt zu #kontakt

📌 Wozu nutzt man Anker-Links?

  • Navigation bei langen Seiten (z. B. FAQs, Lexika)

  • Inhaltsverzeichnisse

  • „Nach oben“-Buttons

  • Link-Ziele in E-Mails oder sozialen Medien

Zurück

 

Weitere Einträge

alexander suess
Alexander Süß
Hinter asVerein steht keine anonyme Agentur, sondern echte Leidenschaft für das Vereinsleben und Softwareentwicklung. Ich habe asVerein entwickelt, um die Digitalisierung in Vereine zu bringen - ohne Abo-Fallen und ohne Datenkraken. Wenn Du eine Frage hast oder Unterstützung bei der Einrichtung benötigst, landest Du nicht in einer Warteschleife, sondern schreibst mir direkt persönlich.