Wenn Sie an einem HTML-Dokument arbeiten und möchten, dass Benutzer auf ein Thema klicken und sofort an einen mit einem Lesezeichen versehenen Ort innerhalb des Dokuments gelangen können, sind ID-Attribut-Tags praktisch. Dies tritt häufig auf, wenn Sie eine Reihe von Themen oben im Artikel auflisten und dann jedes Thema mit einem verwandten Abschnitt weiter unten auf der Webseite verknüpfen.
HTML-Dokumente enthalten häufig externe Links zu anderen Dokumenten, sie können jedoch auch Links in einem einzelnen Dokument enthalten. Wenn Sie auf ein Tag klicken, wird der Leser zu einem bestimmten mit Lesezeichen versehenen Abschnitt auf der Webseite transportiert. Eventuell ist es möglich, eine Verknüpfung zu exakten Pixelpositionen in Dokumenten herzustellen, aber vorerst können Sie das ID-Tag verwenden, um eine Verknüpfung und eine Position im Dokument zu erstellen. Dann benutze href um dorthin zu gelangen. Ein Tag identifiziert das Ziel, und das zweite Tag identifiziert die Verbindung zum Ziel.
Hinweis: HTML 4 und frühere Versionen verwendeten das Namensattribut, um interne Links zu bilden. HTML 5 unterstützt das Namensattribut nicht, daher wird stattdessen das ID-Attribut verwendet.
Entscheiden Sie im Dokument, wohin die internen Links gehen sollen. Diese kennzeichnen Sie mit dem Anker-Tag mit den ID-Attributen.
Als Nächstes erstellen Sie die Verknüpfung zu dem Abschnitt des Dokuments mithilfe des Ankertags und des Attributs href. Sie geben den benannten Bereich mit einem # an.
Der Trick besteht darin, sicherzustellen, dass Sie den Text oder ein Bild mit einem <a> versehen.
Oft sehen Sie, dass Menschen diese Links verwenden, ohne etwas einzuschränken. Dies ist jedoch kein so verlässlicher Anker wie eine, die ein Wort oder ein Bild umgibt. Viele Browser bevorzugen Elemente, die am oberen Bildschirmrand positioniert werden sollen. Wenn Sie nichts beilegen, besteht die Gefahr, dass der Browser verwirrt wird.
Ein Link zum Zurück zum Anfang einer Webseite
Wenn Sie einen Link ganz unten in eine Webseite einfügen möchten, um den Betrachter an den Anfang der Seite zu bringen, ist der interne Link einfach einzurichten. In HTML definiert das Tag einen Link. Auf href = folgt die URL des Ziellinks in Anführungszeichen (oder eine gekürzte URL, wenn der Link sich im selben Dokument befindet) und dann der Link-Text, der auf der Webseite sichtbar ist. Durch Klicken auf den Linktext gelangen Sie mit folgender Syntax an die angegebene Adresse:
Link Text
