Тег div в html для чего?

div — это универсальный блочный контейнер без собственного смысла, он нужен именно тогда, когда семантический тег не подходит по смыслу, а обёртка для стилей или скриптов всё равно нужна. Например, обёртка для сетки карточек ради grid, внутренний контейнер для центрирования содержимого по максимальной ширине, группировка элементов ради общего отступа. Определить момент просто: сначала спросите себя, есть ли у блока смысл — навигация, самостоятельная статья, раздел с темой, боковая панель. Если ответ нет, а обёртка нужна чисто технически, для css или js — берите div, не пытайтесь натянуть на него смысл, которого нет.

div — это когда смысла нет, а обёртка нужна чисто технически. Пример: контейнер вокруг сетки карточек ради grid-gap, или внутренний wrapper, который ограничивает максимальную ширину страницы и центрирует контент. Если можешь назвать блок словом вроде 'меню', 'статья' или 'боковая панель' — там нужен семантический тег, а не div, не ленись.