Kodekvalitet

Layouttesten søger brug af ikke-semantisk HTML.

Hvorfor tester vi dette?

Semantisk HTML er brugen af HTML-markup til at definere semantikken (eller betydningen) af oplysninger på en webside, snarere end hvordan den skal vises. Det anses for bedste praksis at bruge semantisk HTML til at markere dit dokument og derefter bruge CSS til at formatere det korrekt. Brug af ikke-semantiske elementer som <i> og <font> opfordres ikke.

Tabeller blev traditionelt brugt til at lave websteder i to kolonner, men siden adventen af CSS og moderne browsere for nogle år siden er det ikke længere nødvendigt at bruge tabeller til andet end tabularoplysninger. Det er nu bedste praksis at oprette kolonneformede layouts, ved hjælp af divs og CSS. Dette hjælper også med rendering i ikke-visuelle browsere, eller når et stilark ikke er tilgængeligt.

Hvordan tester vi dette?

Vi ser efter elementer inde i tabelceller, som kan indikere brugen af tabeller til layout. Disse omfatter divs, overskrifter og tabeller. Vi kigger også efter præsentationsmærker i HTML som skrifttype-tagget, fed-tagget og kursiv-tagget.

Hvad kan jeg gøre?

Det kan ikke være nemt, men du bør konvertere alle sider på dit websted, der bruger tabeller til layout til at bruge divs og CSS. Brug kun tabeller til tabelinformationer, f.eks. en pristabel. I stedet for at bruge præsentationselementer til at formatere tekst, skal du bruge passende semantiske elementer og derefter style dem med CSS.