Вот Мурыч все по факту разложил
https://www.youtube.com/watch?v=7je1ygc9Gew&t=7593s&ab_channel=kirjs
Значит семантика это про вложенность в первую очередь ?
И про два основных тега - артикл и секшн, где артикл это описание одной сущности, а секшн это экземпляры сущности, чем-то схожие объекты
Хедер для наиболее важной информации, которая имеет отношение к контенту на странице, а футер для наименее важной информации, которая имеет отношение к странице
Хедер и футер могут быть использованы много раз, как и Мейн. Но одновременно Мейн должен быть показан только один, остальные должны быть скрыты, но они могут быть. Мейн просто определяет который должен быть по текущей ссылке.
Как я поняла, мы можем сколько угодно наложить мейнов, но только один из них может быть показан (не хидден), но в одной вёрстке может быть даже несколько страниц (несколько мейнов)
Асайд - говорит компьютеру, что содержимое этого тега никак не связано с контентом (в асайд можно обернуть рекламу, например)
Тегом Стронг выделяется Смысл какой либо фразового контента
Короче:
Семантическая верстка нужна для того, чтобы компьютер понимал то, что ты можешь увидеть глазами. Для того, чтобы система, разработанная для анализа твоего контента, могла адекватно выполнить свою работу. (А ещё на стили компьютер не смотрит, а видит только хтмл)
Плюсы: 1. поисковые работы лучше индексируют страницы (больше живого трафика)
2. Доступность (скрин ридеры)
Как реализовать -
1. Основные блоки секшн и артикл. (Принцип - вложенность)
2. итемпроп в разных значениях (https://schema.org/)