Зачем нужен семантический HTML?

Семантический HTML использует теги по смыслу: header, nav, main, article, section, aside, footer вместо div-ов. Это помогает скринридерам и accessibility — слепой пользователь может перемещаться по landmarks. Помогает SEO — поисковики лучше понимают структуру. Улучшает читаемость кода. header и nav сразу говорят что это, а div с классом — нет. Браузер даёт семантическим элементам встроенные ARIA-роли — лишний повод не изобретать велосипед.