Koodin laatu

Asettelutesti etsii ei-semanttisen HTML:n käyttöä.

Miksi me testaamme tätä?

Semanttisella HTML:llä tarkoitetaan HTML-merkintöjen käyttöä verkkosivun tietojen semantiikan (tai merkityksen) määrittelemiseen sen sijaan, että määriteltäisiin, miten tiedot pitäisi näyttää. Parhaana käytäntönä pidetään semanttisen HTML:n käyttämistä asiakirjan merkitsemiseen ja sen jälkeen CSS:n käyttämistä sen asianmukaiseen muotoiluun. Muiden kuin semanttisten elementtien, kuten <i> ja <font>, käyttöä ei suositella.

Taulukoita käytettiin perinteisesti verkkosivujen asetteluun kahteen sarakkeeseen, mutta CSS:n ja nykyaikaisten selainten tultua käyttöön muutama vuosi sitten taulukoita ei enää tarvita muuhun kuin taulukkomuotoiseen tietoon. Nykyään paras käytäntö on luoda sarakkeellisia asetteluja käyttämällä div- ja CSS-elementtejä. Tämä helpottaa myös renderöintiä muissa kuin visuaalisissa selaimissa tai silloin, kun sivuston tyylitaulukkoa ei ole saatavilla.

Miten tämä testataan?

Etsimme taulukkosolujen sisältämiä elementtejä, jotka saattavat viitata taulukoiden käyttöön ulkoasussa. Tällaisia ovat esimerkiksi divit, otsikot ja taulukot. Etsimme myös HTML:ssä olevia esitystunnisteita, kuten fontti-, lihavointi- ja kursivointitunnisteita.

Mitä voin tehdä asialle?

Se ei ehkä ole helppoa, mutta sinun pitäisi muuntaa kaikki sivusi, jotka käyttävät taulukoita ulkoasussa, käyttämään div-sivuja ja CSS:ää. Käytä taulukoita vain taulukkomuotoiseen tietoon, esimerkiksi hintataulukkoon. Sen sijaan, että käytät tekstin muotoiluun esityselementtejä, käytä sopivia semanttisia elementtejä ja muotoile ne sitten CSS:llä.