A HTML szókészlete szállít, amit a legtöbb fejlesztő kihagy: nav, main, article, aside, figure, button. Mindegyik beépített jelentést és viselkedést hordoz — a button fókuszálható és Enterre aktiválódik ingyen; a div ebből semmi, amíg újra nem építed. A szemantikus markup az oldal azon változata, amit a gépek olvasnak.
A haszonélvezők összeadódnak: a képernyőolvasó kap landmarkokat a navigációhoz, a keresők tartalmi vázlato, a válaszmotorok önállóan is álló bekezdéseket, a fejlesztő pedig felármentes akadálymentesítést. A div-ekből-és-span-ekből álló oldal nem rossz HTML — csak olyan lap, ami semmit nem árul el magáról.
Kapcsolódó fogalmak
ARIA
Accessible Rich Internet Applications — attribútumok, amik azt mondják a kisegítő technológiának, mit jelent a markupod, amikor a HTML önmagában nem tudja.
WCAG
A Web Content Accessibility Guidelines — a szabvány, ami meghatározza, mi teszi a webtartalmat fogyatékkal élők számára is használhatóvá; az AA-kontraszt törzsszövegre 4,5:1.
SEO
Keresőoptimalizálás — az oldalak megtalálhatóvá, indexelhetővé és rangsorolásra érdemessé tétele: technikai egészség plusz tartalom, amit az emberek tényleg akarnak.
Ide tartozó munkapad
Full-stackHa el tudod mondani, meg tudjuk csinálni. React és Next.js elöl, Python vagy Node mögötte, Postgres alatta, olyan helyre szállítva, aminek a futtatását megengedheted magadnak.
