Startseite Skripte für das Wintersemester 2018/19 Webdesign Webdesign Einführung Anchors (Anker)


Anchors (Anker)

salvamento von kainet

  • Ermöglichen es, auf eine bestimmten Stelle in einer HTML-Seite zu springen
  • z.b. wenn die Seite sehr lang ist
  • man muss dafür sowohl den Anker (=Ziel) als auch den Link einbauen!

HTML

<!-- Beispiel zum Setzen des Ankers -->
<h2 id="ankername">Überschrift XYZ</h2> 

<!-- Link zu einem Anker im selben HTML-Dokument -->
<a href="#ankername">Link zur Überschrift XYZ</a>

<!-- Link zu einem Anker in einem anderen HTML-Dokument -->
<a href="http://demo.de/index.html#ankername">Link zur Überschrift XYZ im Dokument „index“</a>

Demo dazu

Hier eine Demo zu den Anchor-Links