Een header is het bovenste deel van een website of webpagina, dat op vrijwel alle pagina’s hetzelfde is. Vaak staan hier het logo, het navigatiemenu en soms een zoekveld of een winkelwagenknop. De header zorgt ervoor dat bezoekers altijd weten waar ze zijn en waar ze naartoe kunnen.
Wat staat er in een header
De inhoud van een header verschilt per website, maar de volgende onderdelen komen vaak voor:
- het logo, meestal met een link naar de homepage;
- het navigatiemenu;
- een zoekveld;
- een knop voor inloggen, contact of de winkelwagen;
- soms een taalkeuze of een korte mededeling.
Functie en gedrag
De header geeft de website een vast herkenningspunt en maakt het mogelijk om van elke pagina snel naar de belangrijkste plekken te gaan. Op veel websites blijft de header tijdens het scrollen in beeld staan, de zogeheten vaste of sticky header. Dat is handig, maar kost op een klein scherm ruimte, dus een compacte uitvoering is dan verstandig.
Header met een andere betekenis
Het woord wordt ook in de techniek gebruikt. In HTML is de header een element dat het introducerende deel van een pagina of onderdeel aanduidt. Een HTTP-header is iets anders: dat is informatie die een browser en een server met elkaar uitwisselen en die bezoekers niet zien. In deze uitleg gaat het om de zichtbare header bovenaan een pagina, zoals die ook voorkomt bij een footer onderaan.
Aandachtspunten bij een header
Een header die te groot of te druk is, duwt de eigenlijke inhoud naar beneden en kost vooral op een telefoon veel ruimte. Houd de header daarom compact en toon alleen wat op elke pagina nodig is. Zorg dat het logo en de knoppen ook op een klein scherm goed aan te tikken zijn.
