Правила вёрстки сайтов

[SergKond]

Всем добрый день. Я ещё только погружаюсь в дебри html и css, поэтому прошу прощения если вопрос будет глупым. При обычной вёрстке без использования flex технологий сайт верстается следующим образом. Страница сайта разбивается на секции хедер, секция, секция, секция, футер. В каждой секции создаётся обёртывающий див с ним и работают. Вот как на рисунке https://i.imgur.com/8yS0c38.png Верно ли такое правило при вёрстке сайтов с использованием flex технологии. С уважением Сергей Кондулуков

[Вадим Мошев]

Я считаю, что да. Другой вопрос, что некоторым блокам (header, section и так далее) через CSS в случае использования flex может быть назначен display: flex (в случае необходимости). Но структура сохраняется.

[Naive]

В дивы уже можно не оборачивать, это делалось для ИЕ 9 и ниже, так как они не воспринимали новые на тот момент теги html5.
Но и для них был хак: через JS можно было создать по пустому экземпляру тега. Тогда все остальные волшебным образом начинали участвовать в дом-дереве:

(function(){
  var tagList = 'header,section,article,footer,etc'.split(',');
  for (var i = 0, ln = tagList.length; i < ln; i++) {
    document.createElement(tagList[i]);
  }
})()

[SergKond]

Вадим большое спасибо вам за ответ. Теперь мне более понятно.

С уважением Сергей Кондулуков

[Вадим Мошев]

Сергей, вам ещё Naive ответил. К его мнению также стоит прислушиваться.