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