Was ist ein Anker-Link
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:
Dann kannst du einen Link wie diesen setzen:
➡️ 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