我可以将页脚放入导航栏吗?

时间:2017-10-03 08:55:09

标签: html5 navbar footer nav semantic-markup

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

<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 :(得分:0)

您可以在footer元素中添加nav元素。但它代表了导航的页脚,而不是整个页面的页脚。

对于适用于整个页面的页脚,您必须放置footer元素,使其最近的部分父级为body元素。这意味着它不能是section / article / nav / aside的后代,也不能是body以外的切片根元素的后代({{1 },blockquote等。 See an example.

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

div