Verweis auf einen Anker in HTML - so geht's
Sie möchten direkte Verweise mithilfe eines Ankers in Ihr HTML-Dokument einbringen? Wir zeigen Ihnen, wie das geht.
Lesezeit:
2 Min.
Von
- Cornelia Möhring
Häufig erweist es sich als sinnvoll, eine HTML-Datei in mehrere Abschnitte zu gliedern. Damit Ihr Nutzer direkt auf die einzelnen Abschnitte zugreifen kann, haben Sie die Möglichkeit einen sogenannten Anker zu setzen. Mithilfe des Ankers kann Ihr Leser direkt auf den Abschnitt springen, ohne unnötig scrollen zu müssen. Wie Sie einen Anker erstellen können, finden Sie hier.
Verweis auf Anker in HTML
- Auf einen Anker in der gleichen HTML-Datei verweisen
- Auf einen Anker in einem anderen HTML-Dokument verweisen
Auf einen Anker in der gleichen HTML-Datei verweisen
- Wenn Sie im gleichen HTML-Dokument einen Verweis auf Ihren Anker setzen möchten, erstellen Sie einen Verweis, indem Sie schreiben:
<a href="#Ankername">Link</a> - Für #Ankername geben Sie dann statt Ankername den Namen ein, den Sie sich für Ihren Anker ausgesucht haben.
- Zwischen <a href="#Ankername"> und </a> geben Sie die Bezeichnung ein, mit welcher Sie auf Ihren Anker verweisen möchten. Hier im Beispiel haben wir diesen Verweis schlicht „Link“ genannt.
Auf einen Anker in einem anderen HTML-Dokument verweisen
- Wenn Sie in einem anderen HTML-Dokument einen Verweis auf Ihren Anker setzen möchten, erstellen Sie einen Verweis, indem Sie schreiben:
<a href="dokument.html#Ankername">Link</a> - Anstelle von dokument.html geben Sie nun den Namen des HTML-Dokumentes ein, auf das Sie Verweisen möchten.
- Für #Ankername geben Sie dann statt Ankername den Namen ein, den Sie Ihrem Anker geben möchten.
- Zwischen <a href="dokument.html#Ankername"> und </a> geben Sie nun die Bezeichnung für den Verweis ein. Im Beispiel heißt unser Verweis schlicht "Link".
(como)
