HTML-Anker und Website-Scrolling

Wenn Sie lange Seiten auf Ihrer Website verwenden und direkte Links zu einem bestimmten Abschnitt innerhalb dieser Seite erstellen möchten, können Sie dies mit einem HTML-Anker tun.

HTML-Anker platzieren

Sie können an jeder Stelle Ihrer Seite einen HTML-Anker platzieren. Sie tun dies, indem Sie den Cursor an die Position bewegen, an der Sie einen „Anker“ hinzufügen möchten. Wählen Sie dann rechts das Symbol „Inhalt einfügen“ (das Blatt mit dem Pfeil). Wählen Sie dann „HTML-Anker“ und geben Sie dort den Anker ein. Den hier eingetragenen Anker können Sie dann im Link zu diesem Abschnitt auf dieser Seite verwenden.

Link zu einem HTML-Anker

Wenn Sie nun einen Link erstellen möchten, der automatisch zu der Stelle springt, an der Sie einen Anker hinzugefügt haben, können Sie dies tun, indem Sie die gesamte URL der Seite nehmen und danach den folgenden Code hinzufügen:

#!anker

Wobei „Anker“ durch den von Ihnen erstellten Anker ersetzt werden kann. Sie können diese dann mit Ihren Seiten verlinken, indem Sie auf die vollständige URL verlinken, die in etwa so aussehen wird:

www.ziber.nl/welkom#!easy-cms

Hier ist „easy-cms“ der hinzugefügte Anker. Beispielsweise können Sie jetzt oben auf dieser Seite auf den bestimmten Abschnitt innerhalb derselben Seite verlinken. Es ist natürlich auch möglich, auf die gleiche URL an anderer Stelle auf der Seite zu verlinken, oder vielleicht auf eine ganz andere Seite. Der Besucher dieser Website, der auf den Link klickt, wird dann auf die Seite verwiesen und scrollt automatisch an die richtige Stelle.

Standardanker

Innerhalb Ihrer Ziber-Website können Sie immer die folgenden Standard-Anker in den Links zu Seiten verwenden:

• #!Webseite
• #!Sektion
• #!Fusszeile

Der Anker #!website bewirkt, dass der Besucher ganz nach oben scrollt. Es ist auch möglich, auf den oberen Teil des Abschnitts (wo der Seiteninhalt beginnt) zu verweisen, Sie tun dies mit dem Anker #!Abschnitt. Der #!footer-Anker erstellt einen Verweis, der bis zu Ihrer Fußzeile scrollt.