Зачем нужна семантическая вёрстка, что это такое и какие семантические теги вы можете назвать?

Семантическая вёрстка передаёт назначение содержимого через HTML, а не только его внешний вид. Примеры: main, nav, article, headings, button и table.

Она упрощает навигацию для вспомогательных технологий, поддержку и стандартное поведение браузера. Выбирайте элемент по смыслу: ссылка переводит на ресурс, кнопка выполняет действие. Наличие семантических тегов само по себе не гарантирует доступность без корректных подписей, структуры заголовков и фокуса.