我可以将页脚放在导航栏中吗？

Question

我收到了一个项目的设计，客户希望将页脚放在侧边栏（即主导航）中。 具有这样的结构是否正确？ 我的意思是从设计部分来看，它看起来不错，但是从代码来看，它看起来很奇怪。

<nav class="Navbar">
    <div class="Navbar-content">
        <!-- some stuff -->
    </div>
    <footer class="Footer">
        <!-- footers content -->
    </footer>
</nav

在w3中，没有确切的规则禁止在导航栏中嵌套页脚。 https://www.w3.org/html/wiki/Elements/footer

而且w3验证程序无法将其识别为任何类型的错误，因此我认为可以吗？

Answer 1

您可以在nav元素中包含footer元素。 但这将代表该导航的页脚，而不是整个页面的页脚。

对于适用于整个页面的footer ，必须放置footer元素，使其最接近的节父元素为body元素。 这意味着它不能是section / article / nav / aside的后代，也不能是body以外的sectioning根元素（ blockquote ， figure等）的后代。 看一个例子。

如果要在侧边栏中显示导航和页脚，则可以在侧边栏中使用div元素：

<body>

  <h1>…</h1>

  <div class="sidebar">
    <nav><!-- site-wide navigation --></nav>
    <footer><!-- site-wide footer --></footer>
  </div>

</body>