Семантика HTML-тегов нужна для того, чтобы структурировать содержимое веб-страницы с точки зрения его смысла и роли, а не только внешнего вида. Это помогает:

Улучшить доступность сайта для пользователей с ограниченными возможностями, так как вспомогательные технологии (например, экранные читалки) лучше понимают структуру и содержание.
Повысить SEO, так как поисковые системы легче анализируют и индексируют контент.
Облегчить поддержку и развитие кода, так как семантические теги делают структуру страницы более понятной для разработчиков.

Пример: вместо использования <div> для заголовка лучше использовать <header>, для основного контента — <main>, для навигации — <nav>, для статей — <article> и т.д.

Для чего нужна семантика HTML-тегов?