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

<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验证程序无法将其识别为任何类型的错误,因此我认为可以吗?

===============>>#1 票数:0 已采纳

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

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

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

<body>

  <h1>…</h1>

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

</body>

  ask by phill translate from so

未解决问题?本站智能推荐: