Calitatea codului

Testul pentru aspect caută utilizarea de HTML non-semantic.

De ce realizăm un test pentru acest lucru?

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.

Tabelele au fost utilizate în mod tradiţional pentru a poziţiona paginile web în două coloane, dar de la apariţia CSS şi a browserelor moderne cu câţiva ani în urmă, nu mai este necesar să folosim tabelele decât pentru informaţii tabelare. Cea mai bună practică în prezent este crearea de structuri columnare folosind divs şi CSS. Acest lucru ajută de asemenea la redarea în browsere non-vizuale sau atunci când foaia de stiluri a unui site nu este disponibilă.

Cum realizăm testul pentru acest lucru?

Căutăm elemente din interiorul celulelor din tabel care ar putea indica utilizarea tabelelor pentru structură. Acestea includ divs, rubrici şi tabele. De asemenea, căutăm etichete de prezentare în HTML precum eticheta pentru font, eticheta pentru stilul bolduit şi eticheta pentru stilul italic.

Ce pot face cu privire la acest lucru?

Ar putea să nu fie uşor, dar ar trebui să convertiţi toate paginile site-ului dvs. care folosesc tabelele pentru structură pentru a utiliza divs şi CSS. Utilizaţi tabelele numai pentru informaţii tabelare, de exemplu un tabel de preţuri. În loc să folosiţi elemente prezentaţionale pentru formatarea textului, utilizaţi elemente semantice corespunzătoare şi apoi stilizaţi-le cu CSS.