Читал, что использовать div вместе с .header, .content, .footer и тому подобное уже устаревший, и плохой с точки зрения SEO метод. Вместо этого нужно использовать теги, заложенные в html5: <header>, <footer>, <main>... Основное содержание страницы нужно поместить в <main>. Если нужно разбить <main> на 2 части, то внутри него используются теги <article>(для основного контента) + <aside>(боковая колонка).
Если это верно, то прошу скинуть статью или видео-урок как верстать с помощью этих тегов.
Поясню. сплошные div'ы не приведут ни к чему хорошему при индексации, а вот "правильная" разметка html тегами созданными специально для этого, покажет сайт с лучшей стороны. Я не имею ввиду производительность, а имею ввиду индексацию и SEO,
Это не по семантике так использовать теги.
В твоем примере это так как выглядит визуально, но оыень не факт что так будет верно с точки зрения семантики. header например может быть штук сто на странице..... сайдбар на 99% сайтов нефига не aside.
а вообще никто толком не знает как использовать правильно теги.