Semantische HTML

Semantische HTML betekent het gebruik van HTML-elementen die duidelijk hun betekenis en doel in de documentstructuur beschrijven. In plaats van overal generieke div- en span-elementen te gebruiken, communiceren semantische tags zoals header, nav, main, article, section, aside en footer de rol van content naar browsers, zoekmachines en ondersteunende technologieën zoals schermlezers.

In plaats van een blogpost te structureren met geneste divs, gebruik semantische elementen: wrap de hele post in een article-tag, gebruik header voor de titel en publicatiedatum, de hoofdcontent gaat direct in de article, gebruik aside voor gerelateerde links of auteur-bio, en footer voor tags en deelknoppen. Dit verbetert SEO en maakt je site toegankelijk voor schermlezers.