Kvalitet på kode

Denne layout testen ser etter bruk av ikke-semantisk HTML.

Hvorfor tester vi dette?

Semantisk HTML er bruken av HTML-markering som definerer semantikken (eller betydningen) av informasjonen på en nettside, i stedet for hvordan den skal vises. Det anses å være best praksis å bruke semantisk HTML for å markere dokumentet ditt og deretter bruke CSS til å utforme det på riktig måte. Bruk av ikke-semantiske elementer som <i> og <font> er ikke anbefalt.

Tabeller ble tradisjonelt brukt til å lage layout på nettsider i to kolonner, men siden oppfinnelsen av CSS og moderne nettleser for noen år siden, er det ikke lenger nødvendig å bruke tabeller for noe annet en tabellinformasjon. Det er nå anbefalt å lage søyle layouts ved å bruke divs og CSS. Dette bidrar også til lastingen i ikke-visuelle nettlesere eller når en nettside sine stilark ikke er tilgjengelig.

Hvordan tester vi dette?

Vi ser etter elementer inne i tabell-celler som kan indikere bruken av tabeller for layout. Disse inkluderer divs, overskrifter og tabeller. Vi ser også etter presentasjonstagger i HTML-koden som font-taggen, fet skrift-taggen og italic-taggen.

Hva kan jeg gjøre med det?

Det er kanskje ikke enkelt, men du burde konvertere alle sidene på din nettside som bruker tabeller til layout til å bruke divs og CSS. Bruk bare tabeller for tabellinformasjon, f.eks. en tabell med priser. I stedet for å bruke presentasjonselementer til å formatere tekst, bruk passende semantiske elementer for å så endre dem med CSS.