Тег main -основное содержание. section -смысловой раздел, article-законченный раздел инфы
Проектировать структуру страниц на уровне крупных блоков (введение, основное содержание, заключение и так далее) - для этого нам нужны подходящие теги.
И первый такой тег — это тег <main>. Он выделяет основное содержание страницы, которое не повторяется на других страницах. И обычно на странице используется один <main>.
Спецификация не допускает использование на одной странице более одного тега <main>, если у них нет специального атрибута hidden.
Специальный тег <section>, который обозначает крупный смысловой (или «логический») раздел.(прям как пункты меню со смысловым названием)
<section>
Раздел «О компании». И текст о нас сюды
</section>
<section>
Раздел «Редактирование профиля». И текст с личными данными сюда
</section>
Тег <article>, который обозначает цельный, законченный и самостоятельный фрагмент информации. Тег <article>, в отличие от <section>, можно вырвать из одного места и вставить в другое (на другую страницу сайта или на другой сайт), и смысл содержимого тега при этом не потеряется. Примеры: статья, пост в блоге, сообщение на форуме и так далее.