Kwaliteit van code

De opmaaktest controleert het gebruik van niet-semantische HTML.

Waarom testen we dit?

Semantische HTML is het gebruik van HTML-opmaak om de semantiek (of betekenis) van informatie op een webpagina te definiëren, in plaats van hoe deze moet worden weergegeven. Het wordt als best practice beschouwd om semantische HTML te gebruiken om uw document op te maken en vervolgens CSS te gebruiken om het op de juiste manier te stylen. Het gebruik van niet-semantische elementen zoals <i> en <font> wordt afgeraden.

Tabellen werden oorspronkelijk gebruikt om webpagina's in twee kolommen op te maken, maar sinds de opkomst van CSS en moderne browsers een aantal jaar geleden is het gebruik van tabellen teruggebracht tot alleen tabellen. Het is nu de beste werkwijze om kolommen aan te maken met behulp van divs en CSS. Dit helpt de weergave in niet-visuele browsers of als een stijlsjabloon van de site niet beschikbaar is.

Hoe testen we dit?

We zoeken naar elementen in tabelcellen die op het gebruik van tabellen voor de opmaak kunnen wijzen. Dit zijn 'divs', koptitels en tabellen. We zoeken ook naar presentatie-tags in HTML zoals het lettertype-tag, de vet-tag en de cursief-tag.

Wat kan ik hieraan doen?

Misschien is het niet makkelijk, maar het beste is om alle pagina's van uw site die tabellen gebruiken voor de opmaak, te converteren door divs en CSS te gebruiken. Gebruik tabellen alleen voor tabelinformatie, zoals een prijsoverzicht. In plaats van het gebruik voor presentatie-elementen om tekst op te maken, kunt u beter de juiste semantische elementen gebruiken en de stijl ervan vervolgens met CSS opmaken.