Navigeren

Deze les gaat over het navigeren op een webpagina. Met navigeren bedoel ik de je de bezoeker meteen kun leiden naar het deel van de pagina waar hij interesse in heeft. Handig bij lange pagina's. Dan maak je bijvoorbeeld een index bovenaan met drie navigatielinks die dan meteen naar dat deel van de pagina gaan waarvan jij denkt dat de bezoeker heen zou willen. De bezoeker kan zo gewoon klikken en ziet de informatie die hij wilt lezen en hoeft niet meer via de scrollbalk naar beneden te scrollen. Vul je deze links echter verkeerd in dan wordt de bezoeker geïrriteerd en is hij zo vertrokken van jouw website, zeer goed controleren dus! Bij de navigatie van een pagina zul je eerst een anker moeten leggen. Een anker is de plek waar je de bezoeker heen wilt sturen als hij op de link klikt. Een anker leggen doe je zo:
<a name="ankernaam">
Het linken ernaartoe gebeurt zo:
<a href="#ankernaam">Klik hier voor de directe link!</a>
Bij het anker zet je een naam neer die past bij het onderwerp. Er kan van alles staan. Bij de link moet je een # voor diezelfde naam zetten anders linkt de link niet goed door.
En het navigeren op een andere pagina (via een hyperlink) doe je zo:
Op de pagina waar je de bezoeker heen stuurt zet je weer een anker neer, dus weer zo:
<a name="ankernaam">
Het linken naar een andere pagina met een anker erin gebeurd zo:
<a href="http://www.url.nl/pagina.html#ankernaam">Klik hier voor de directe link!</a>

Het navigeren naar de begin van de pagina gebeurd zo:
<a href="#top">Begin pagina</a>
Zonder anker

Tip: Via de Spatiebalk scroll je heel snel naar beneden. Via Shift Spatie scroll je weer snel naar boven!