De ce HTML-ul semantic încă contează
De Echipa AsasWeb 1 min de citit
Folosirea elementului HTML care chiar descrie conținutul îți dă gratuit accesibilitate, SEO și mentenabilitate. Un buton adevărat este focalizabil, operabil de la tastatură și anunțat corect fără niciun JavaScript, în timp ce cititoarele de ecran și motoarele de căutare se bazează deopotrivă pe repere, pe ordinea titlurilor și pe liste autentice ca să înțeleagă o pagină. Dacă reconstruiești aceste comportamente din cutii generice stilizate, plătești în cod suplimentar și în piese ratate.
Este tentant să construiești totul din cutii generice și să le modelezi în formă. HTML-ul semantic, folosind elementul care descrie de fapt conținutul, face o cantitate surprinzătoare de muncă gratuit, iar omiterea lui creează probleme pe care apoi plătești să le rezolvi cu cod suplimentar.
Browserele îți oferă comportament gratuit
Un buton real poate primi focus, poate fi apăsat, poate fi acționat cu tastatura și este anunțat ca buton, fără JavaScript. Reconstruiește-l dintr-o cutie stilizată și trebuie să adaugi toate acestea manual, iar majoritatea echipelor ratează o bucată. Același lucru este valabil pentru linkuri, controale de formular și titluri.
Tehnologia asistivă se bazează pe el
Cititoarele de ecran își construiesc înțelegerea unei pagini din structura ei: repere precum header, nav, main și footer, o ordine logică a titlurilor, liste care sunt cu adevărat liste. Fă structura corect și pagina poate fi navigată. Greșește-o și devine un zid de text nediferențiat.
Motoarele de căutare citesc și ele structura
Aceeași structură care ajută tehnologia asistivă ajută motoarele de căutare să înțeleagă despre ce este pagina ta. Titlurile corecte, textul de link cu sens și marcajul curat sunt victorii SEO discrete care nu costă nimic în plus odată ce devine un obicei.
Este mai ușor de întreținut
Marcajul semantic este mai scurt, mai clar și mai ușor de înțeles pentru următorul dezvoltator. Mai puțin cod, mai puține erori, cost mai mic în timp.
Folosirea elementului potrivit este una dintre cele mai ieftine decizii de calitate din dezvoltarea web, iar noi o tratăm ca pe varianta implicită. Dacă site-ul tău este construit din cutii generice și se vede, începe un proiect și îi vom da o structură solidă.