Вопрос про вёрстку в html 5

Да хоть div class="любая_хрень". К семантической разметке это отношения не имеет.
https://html5book.ru/html5-semantic-elements/

Это валидная разметка. Но так в HTML5 верстают макаки... а в качественной верстке, чаще встречается структура header+(main>(article>section)+aside)+footer.

Главный контейнер это элемент html (да, для него можно прописывать стили).
Еще есть псевдокласс :root (ссылается на html).
Затем идет body.
Если их не хватит можно использовать «обертку».

Ненужно плодить сущности, без необходимости.

P.S. Атрибут lang элемента html указывает основной язык документа.
В данном случае это явно не англиканский.
Сначала учатся методом безмозглого копирования — потом учат других (это я про урок по которому ты учишься).

P.P.S.
aside — это врезка. Не самая лучшая идея заворачивать в нее сайтбар (хоть некоторые и советуют). У него вообще нет семантического смысла.
Меню в элемент nav. Контент в элемент article.

А что использовать вместо тега Div для контейнера? Не совсем понимаю. Все так делают, и я так делаю

div – это просто обертка, на семантику и валидность не влияет (если, конечно, не вставлен в строчный элемент).

В вашей разметке нет ничего криминального, но лучше верстать поблочно, даже, если на данный момент в макете все блоки одной ширины, в дальнейшем может понадобиться один или несколько блоков сделать на всю ширину – тогда вылезут проблемы и придется менять разметку – лучше это учесть заранее.

И там, где .content можно вместо div использовать main (если этот контент не дублируется на других страницах).

Здесь тэг body может заменить ваш div. В нем невидно необходимости. В самих div-ах нет ничего плохого, хотя они несут такой смысловой нагрузки, как именованные тэги: aside, body, header и пр.