html - 使用 Bootstrap 时，我应该在哪里放置 HTML5 语义标签？

Question

这里至少有2个类似的问题:

• More semantic html 5 code with bootstrap 3?

• Should we include the bootstrap container class inside or outside of html semantic class article?

但恐怕没有人回答正确。问题是不知道 section 是否可以在 main 或类似的东西之外使用。在将 HTML5 语义标签与标记中的 Bootstrap 容器、行、列一起使用时，就正确做法而言，这是一个更简单的问题。

基本上，最佳做法是什么？

选项a)

<div class="container">
 <div class="row">
  <div class="col-md-12">
   <article> <!-- INSIDE -->
   </article>
  </div>
 </div>
</div>

选项 b)

<article> <!-- OUTSIDE -->
 <div class="container">
  <div class="row">
   <div class="col-md-12">
   </div>
  </div>
 </div>
</article>

Answer 1

您的文章应该包含内容，而不是布局。

区别在于 article 是一个专栏，还是 article 有一个专栏。理论上，您的 CSS 可以以不同的方式解释这些。

我个人更喜欢选项“a”，因为它会将 article 分隔为一个内容单元，您可以在不同的布局中移动它。