在管理面板中放置侧边栏导航的语义方式

Question

我正在构建管理面板模型。我需要创建一个侧边栏导航，我正在寻找一种语义化的方式来实现它。重要的是：我还需要在那里放置一个页脚。

我是这样想的：

<div class="page-container">
  <!-- Sidebar -->
  <aside>
    <div class="brand">
      Brand
    </div>
    <nav>
      ....
    </nav>
    <footer>
      Footer
    </footer>
  </aside>

  <!-- Content -->
  <div class="content-container">
    ....
  </div>
</div>

Answer 1

要正确执行所有操作，请遵循 HTML5 规范。有aside element section专门针对你的情况。