# Szemantikus HTML

> Olyan elemek használata, amik azt jelentik, amit tartalmaznak — nav, article, button —, hogy a képernyőolvasó, a crawler és a böngésző ingyen értse az oldalt.

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

- https://dfieldsolutions.hu/hu/fogalomtar/aria.md
- https://dfieldsolutions.hu/hu/fogalomtar/wcag.md
- https://dfieldsolutions.hu/hu/fogalomtar/seo.md

---

Source: https://dfieldsolutions.hu/hu/fogalomtar/semantic-html
DField Solutions — Dunakeszi, Hungary — dezso@dfieldsolutions.com
Booking: see https://dfieldsolutions.hu/en/contact