HTML5语义元素与Boostrap嵌套

Question

我有一个文章模板，其中我希望标题运行页面的整个宽度（12列），然后文本本身落在下面与相邻的侧边栏（分别为8和4个col）。问题是，我不能将侧边栏放在文章主体旁边而不将其放在文章部分内。

我的问题是：将侧边栏元素向上移动以使其落入文章部分是不好的做法，因此它恰好位于主要内容旁边的右侧，但在标题下方？

标记看起来像这样：

<article>
  <header>
  PAGE/POST TITLE
  </header>
  PAGE/POST CONTENT
  <div class="sidebar">
  SIDEBAR CONTENT
  </div>
</article>

Answer 1

article element与任何其他HTML元素一样，只应包含符合元素定义的内容。

包括导航似乎不合适，除非它是article本身的导航（如目录或类似内容），在这种情况下，您应该使用nav element。

虽然有aside element，允许在article内标记单独的内容，但此内容仍然必须

  

[...]与aside元素

周围的内容相切