语义html标签和类

Question

我有一个关于html5语义标签的简单问题。如果我用bootstrap编写代码，以下哪种方法是正确的代码？我们是否应该将类写入语义标记，或者我们应该在语义标记内写入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

不要添加不需要的元素。尽可能地设计现有的风格。

Answer 2

是的，可以将类或id添加到任何有效的标记，例如<header>

在您的情况下，选项a是正确的

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

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