Je pagina's worden overzichtelijker als je ankers gebruikt!
Ben je wel eens een site tegengekomen waarop zoveel informatie staat, dat je snel het overzicht kwijtraakt? Dat je de moed opgeeft en gauw het venster sluit...? Dan is het fijn als er op die pagina een inhoudsopgave staat. Je ziet dan bovenaan de pagina een lijstje met onderwerpen die één voor één verwijzen naar een plek verder op de pagina. Als je dan klikt op één van die links, spring je direct naar het gewenste stuk tekst. Ideaal toch?
Kijk maar eens boven aan dit magazine. Daar zie je aan de linkerkant een inhoudsopgave staan. Als je op één van de links klikt, ga je meteen naar het betreffende artikel.
Je kunt dit ook toepassen als je bijvoorbeeld werkt met hoofdstukken of als je iemand de keus wilt geven om een langdradig stuk tekst over te slaan.
Hoe werkt dat nou, zo'n link die naar een ander stuk in dezelfde pagina gaat en zeker zo belangrijk: Hoe maak ik zoiets nou zelf?
Zo'n link noemen we een anker. Het is eigenlijk best eenvoudig om een anker te maken. Wat je doet is het volgende:
- Eerst zet je de volgende code bij (net voor) het eerste stuk tekst waarnaar je wilt gaan linken:
<A
NAME="stukje1"></A>
- Vervolgens maak je met de volgende code een link naar het hierboven opgegeven stuk tekst:
<A href="#stukje1">Dit is een linkje naar het
stukje tekst."</A>
Je ziet dat de link is opgebouwd uit 2 delen, namelijk de verwijzing naar "#stukje" en de tekst van de link zelf. De link komt er dan als volgt uit te zien:
Dit is een linkje naar het stukje tekst.
Je kunt dit nu al direct testen. Wanneer je de pagina (hetzij op je eigen computer of al geüpload) opvraagt, dan moet het dus werken.
Wat nu natuurlijk ook erg fijn zou zijn, is dat je na het lezen van het gewenste stuk op een link kunt klikken om weer terecht te komen bovenaan de pagina. Je ziet dit wel vaker. Dan heb je een link die er ongeveer zo uitziet:
Terug naar top
Om dit te kunnen maken, doe je het volgende:
- Zet bovenaan de pagina de volgende code:
<A href="bovenaan de
pagina">
- Daarna maak je een link onder het stuk op de plaats waar je wilt dat je naar boven kunt klikken:
<A href="#bovenaan de pagina">Terug naar
top</A>Ook dit kun je weer testen zodat je kunt zien of je het goed hebt gedaan.
Zo kun je onder iedere plek op je site de link plaatsen om weer naar de top van de pagina te kunnen gaan.


