Wat is een anchor link
Anchor links zijn links die je naar een ander deel van dezelfde pagina sturen. Als iemand op een anchor link klikt scrolt de browser automatisch naar de juiste plaats op de pagina. Er wordt dus geen nieuwe pagina geladen.
Anchor links zijn voornamelijk interessant voor langere pagina’s. Ze zorgen ervoor dat er niet lang gescrollt moet worden om de informatie te vinden die de gebruiker zoekt. Vaak worden ze gebruikt om automatisch te scrollen naar bepaalde titels of sub titels op de pagina. Net zoals een website een navigatie heeft die je naar verschillende delen van de website sturen, kan je anchor links gebruiken om een navigatie te bouwen die je naar verschillende delen op dezelfde pagina sturen.
Een andere veelvoorkomende anchor link is de ‘naar boven’ knop. Deze staat onderaan op de pagina en brengt je helemaal terug naar het begin van de pagina. Hierdoor moet je niet helemaal naar boven scrollen om het website menu te bereiken.
Dit stukje html code maakt een link genaamd “Anchor link” die je naar een locatie gnaamd “anchor” stuurt op de pagina.
<a href=”#anchor”>Anchor link</a>
Dit stukje html code plaats je op de locatie waarnaar de anchor link moet verwijzen:
<a id=”example”></a>
