Вроде мелочь, ведь и с обычными div-ами все работает, но все же нет. Важно принять тот факт, что мы делаем страницы не только для обычных пользователей, но и для пользователей с ограниченными возможностями и роботов. Соответственно, если обычный польователь зайдет на страницу и 95% процентов информации получит визуально, то робот или скринридер же просто пробежится по вашему HTML, пытаясь выстроить структуру информации опираясь на тэги, а это возможно только при хорошей семантике.
Вы их знаете, я уверен. Например, у вас есть список карточек, какой элемент будете использовать для обертки? div
или ul
? А навигационных ссылок что выберете? Надеюсь, что вы ответили nav
. А для списка ссылок навигации? nav
+ ul
. А для футера сайта? А для секции? Вы меня поняли. Ниже парочку ссылок, которые пробегаются по базовым правилам, уделите 10 минут и прочтите, пожалуйста.
Так же можешь почитать про доступность, это две тесно связанные между собой темы.