Семантика документа html5

Семантика документа HTML5 придает смысл структуре тегов и их вложенности. Начиная с 5 версии появились теги которые можно использовать для обозначения разных частей штмл страницы. Например шапку,  блок с навигацией, а также указать главный блок для страницы. Более богатый набор тегов в HTML5, наряду с RDFa, микроданными и микроформатами, обеспечивает более полезный веб-интерфейс, управляемый данными, как для программ, так и для ваших пользователей.

Считается, что страница, которая имеет семантическую разметку, при прочих равных условиях, будет выдаваться выше в результатах выдачи поисковых систем, чем страница с несемантическим кодом.

Что же такое Семантика в HTML5?

Элементы секционирования контента позволяют вам организовать контент документа в логические части. Используйте элементы секционирования, чтобы создать общую схему содержимого страницы, включая навигацию в верхнем и нижнем колонтитулах, а также элементы заголовков для идентификации разделов контента.

Вы должны знать что не существует общей модели семантической вложености - все зависит от мастерства верстальщика, семантика может быть удачной или вообще испортить весь сайт.
Так например в Рунете 99.9% html5 документы имею только один <header> и один <footer>, а вот за бугром их может быть много. Так например каждый блок <article> - может содержат шапку и подвал.

Вот так выглядит семантика по стандарту HTML5.2

Семантика тела :

Семантика тела :