Лишние DIV блоки обрамляющие семантический HTML5?

Всем привет!

Как вы думаете, влияет ли это на что нибудь или имеет значения то что семантика HTML5 обрамлена обычными DIV блоками?

К примеру:

<div id=h>

<header></header>

</div>

<div id=c>

<main></main>

</div>

<div id=s>

<didebar></sidebar>

</div>

<div=f>

<footer></footer>

</div>

Зачем так сделано – то ли для совместимости со старыми браузерами, то ли шаблон такой.

Это лишние блоки, можно ли так оставить, влияет ли на что-то, делают ли так вообще в 2018 :)

Заранее всем спасибо за ответы!