Semantische HTML betekent het gebruiken van elementen die de betekenis van hun inhoud beschrijven, niet alleen de uiterlijke verschijning. Een <nav> zegt "dit is navigatie"; een <button> zegt "dit is klikbaar" — terwijl een <div> niets zegt.
Home
Home
Beide kunnen identiek worden opgemaakt, maar alleen de tweede wordt begrepen door browsers, schermlezers en zoekmachines.
<header>, <nav>, <main>, <footer>, waardoor gebruikers tussen gebieden kunnen springen. Een muur van <div>s geeft hun niets.<h1>, <article>, <main> en begrijpen de paginastructuur.<button> is focusbaar, met toetsenbord activeerbaar (Enter/Spatie) en aangekondigd als knop — een <div onclick> is niets hiervan tenzij je alles handmatig opnieuw toevoegt.<header> <nav> <main> <article> <section> <aside> <footer>
<figure> <figcaption> <time> <mark> <button> <h1>–<h6>
De vuistregel: kies het element dat aangeeft wat je bedoelt, en gebruik <div>/<span> alleen als stylingcontainers wanneer geen semantisch element past.
Het is de goedkoopste toegankelijkheids- en SEO-winst die je kunt behalen.
Een bibliotheek met IT-sollicitatievragen met gedetailleerde antwoorden — van Junior tot Senior.
Doneren