Семантические HTML-теги и классы

Question

У меня простой вопрос о семантических тегах html5. Если я пишу код с помощью начальной загрузки, какой из следующих способов является правильным путем? Можем ли мы или должны писать классы в семантических тегах, или мы должны писать div внутри семантических тегов, а затем в этих классах div?

<div class="container">
    <header class="row justify-content-between">
       <div class="col-md-6">
       </div>
       <div class="col-md-6">
       </div>
    </header>
</div>

или

<div class="container">
    <header>
         <div class="row justify-content-between">
            <div class="col-md-6">
            </div>
            <div class="col-md-6">
            </div>
         </div>
    </header>
</div>

Answer 1

Да, можно добавить классы или идентификаторы в любую допустимую разметку, такую ​​как <header>

В вашем случае правильный вариант

//css
 .cls{ 
     //CSS style rules
  }

//html
<header class='cls'>TitleName</header >

Answer 2

Не добавляйте элементы, которые вам не нужны . Стиль существующих, где это возможно.