Kvaliteta koda

Test za prikaz izgleda traži korištenje ne-semantičkog HTML-a.

Zašto vršimo ovo testiranje?

Semantic HTML is the use of HTML markup to define the semantics (or meaning) of information in a web page, rather than how it should be displayed. It is considered best practice to use Semantic HTML to mark-up your document and then use CSS to style it appropriately. Use of non-semantic elements like <i> and <font> is discouraged.

Tablice su se tradicionalno koristile za raspoređivanje web-stranice u dva stupca, ali od dolaska CSS-a i modernih preglednika prije nekoliko godina, više nije potrebno koristiti tablice za ništa drugo osim za tablične informacije. Danas najbolju praksu rada predstavlja kreiranje stupčanih rasporeda pomoću DIV-ova i CSS-a. To također pomaže prikazivanju u nevizualnim preglednicima ili kada lista oblikovanja web-stranice nije dostupna.

Kako vršimo ovo testiranje?

Tražimo elemente unutar ćelija tablice koji bi mogli ukazivati na korištenje tablica za uređenje izgleda. U njih su uključeni div-ovi, naslovi unutar teksta stranice i tablice. Također tražimo prezentacijske oznake u HTML-u, poput oznake fonta, oznake podebljanja i oznake kurziva.

Što mogu poduzeti?

To možda neće biti lako, ali trebate sve stranice vaše web-lokacije koje koriste tablice za prikaz izgleda promijeniti tako da koriste div-ove i CSS. Tablice koristite samo za tablične informacije, npr. za tablicu s cijenama. Umjesto korištenja prezentacijskih elemenata za oblikovanje teksta, koristite odgovarajuće semantičke elemente, a zatim ih oblikujte s CSS-om.