Чем семантические элементы отличаются от несемантических?

Question

Accepted Answer

## В чём суть

- **Семантические** — несут роль (`nav` = навигация).
- **Несемантические** — `div`/`span`, только группировка для стилей/JS.

Правило: сначала ищите семантический тег; `div` — когда роль чисто презентационная обёртка.

**Итог:** семантика говорит *что это*; div/span — *просто контейнер*.