Interne links – Anchorlinks

Linken naar een plek binnen een pagina: met anchorlinks

Anchor Link is een link die naar een stuk tekst op dezelfde pagina verwijst. Je springt als het ware van het ene deel van de pagina naar een ander deel van de pagina. Vooral als je een lange pagina hebt, zijn anchor links handig. Je kunt er bijvoorbeeld een mooie inhoudsopgave mee maken.

Een anchor link maken is niet moeilijk, je kunt dit eenvoudig met een HTML tag aanmaken.
De anchor maak je aan door het toevoegen van de code id=naam-naar-keuze aan het HTML element. Het komt er dan als volgt uit te zien:

<a id="top"></a>

Wanneer je de anchor hebt aangemaakt moet je alleen nog een link aanmaken. Dit doe je door ergens tekst te selecteren, bijvoorbeeld bovenin je pagina waar je een inhoudsopgave maakt. Het toevoegen gebeurt door gebruik te maken van een hashtag (#) gevolgd door de door jouw bedachte naam van de anchor. In het geval mijn voorbeeld, gebruik je dus “#top” als link.

<a href="#top">link naar boven</a>

Wanneer een bezoeker nu op de link klikt, zal de bezoeker naar de tussenkop springen.
Dit is bijvoorbeeld de link naar het ankerpunt dat ik eerder in deze pagina heb ingevoegd.

Je kunt ook naar een anker op een andere pagina linken

Een ankerpunt in een pagina zorgt eigenlijk voor een soort ‘extensie’ op het adres van de pagina.
Het adres van dit blogartikel is:

https://www.faktor21.nl/interne-links-anchorlinks/

Het adres van het ankerpunt dat ik als voorbeeld heb aangemaakt is:

<a href="https://www.faktor21.nl/interne-links-anchorlinks/#top">link naar boven</a>

Als je dat weet, kun je dus ook vanaf de ene pagina naar een ankerpunt in een andere pagina linken, door het complete adres met die ‘extensie’ in te voeren als doel bij het maken van een link.