Раньше страницы строили из множества одинаковых <div>. Современный HTML предлагает семантические теги — элементы, которые своим именем говорят о роли блока:
• <header> — шапка (логотип, меню). • <nav> — навигация, набор ссылок. • <main> — основное содержимое страницы (одно на странице). • <section> — смысловой раздел. • <article> — самостоятельная единица (статья, карточка товара). • <footer> — подвал (контакты, копирайт).
Зачем это нужно: семантика помогает поисковикам понять структуру, скринридерам — навигировать, а вам — читать собственный код. <div> по-прежнему нужен, но как «обёртка без особого смысла», когда подходящего семантического тега нет.