1. w3schools.com - коммерческий проект использующий в своем название буковки w3, еще иногда называется w3fools, из-за повсеместных ляпов и неточностей.
Иногда на нем попадаются годные примеры, но лучше как основной использовать mdn, например.
2. Все эти article и aside - они практически не влияют на то, как браузер отображает страницу.
Почи все html элементы можно визуально заменить на дивы. Разве что с айфремами, мултимедиа и input[type=file] не прокатит. Из-за этого многие версталы думают, что все эти aside-ы не нужны, от слова совсем. И в общем оно так и есть, пока они делают сайт продающий сантехнику в деревне Жукино.
До этапа массового использования и серьезного продвижения их поделка не дойдет никогда. Как слепые и слабовидящие с их ридерами будут пользоваться сайтом? Не их проблема.
На том-же MDN-е описаны основные принципы
https://developer.mozilla.org/ru/docs/Web/Guide/HT...
Тутуориалов разной степени навороченности тоже хватает:
https://internetingishard.com/html-and-css/semanti...
https://dequeuniversity.com/assets/html/jquery-sum...
https://accessibility.huit.harvard.edu/use-semanti...
Можете уточнить что именно вы ищете?