页脚中的 HTML5 导航元素

Question

我在多个地方看到说，在页脚中只链接到版权、条款等内容时，不需要使用<nav>。

然而，我正在制作的网站在页脚中有以下链接：新闻、职业生涯、隐私。显然，“隐私”符合不使用<nav>的上述描述。但是，“新闻”和“职业生涯”虽然没有像顶部主导航栏中的项目那样被赋予更大的权重，但它们是重要的内容区域，且从其他位置没有链接。这些是否可以证明需要使用<nav>呢？

我的猜测是需要，但我是一个 HTML5 新手，所以我想请教一下您的第二意见！

- Steve Taylor

---

可能是HTML5页脚元素中的重复链接（nav和aside？）。 - Diodeus - James MacFarlane

几乎了解了。 "<nav>"元素旨在标记“主要”导航块 - 块，复数形式 - 因此它不仅适用于主导航。 “特别是，页脚通常有一个短的链接列表，指向网站的各个页面，例如服务条款、主页和版权页面。仅使用页脚元素即可满足这些情况。”好的。然而，新闻和职业显然不属于这个类别 - 因此我发布了一个新问题。 IA /设计可能存在问题，但所有这些都已经签署 - 我只需要正确标记它 :) - Steve Taylor

Answer 1

根据W3C规范，并不是所有网页上的链接组都需要放在<nav>元素中，该元素主要用于由主导航块组成的部分。特别是，页脚通常有一个短的链接列表，列出站点的各个页面，例如服务条款、首页和版权页面。对于这种情况，仅使用页脚元素就足够了；尽管可以在这种情况下使用<nav>元素，但通常是不必要的。

请注意最后一句话 - 即使不建议这样做，您也可以将<nav>元素用于服务条款、隐私政策等内容。

在您的情况下，当您拥有其他重要的导航元素（职业生涯、新闻）时，我认为在您的<footer>中使用<nav>元素完全有效且符合语义。

- Zoltan Toth

---

请注意：建议为额外的<nav>元素添加aria-label或aria-labelledby属性以使其可区分。 - Matt

Answer 2

调查

根据这篇法语文章：

<nav> ：

<nav>元素是一个包含导航链接的部分。它可用于导航，也可用于文档的其他部分以列出内部导航链接。

<footer> ：

<footer>元素表示页脚或节的结论。它放置关于作者、法律声明或分页导航（与<nav>结合使用）、提醒标志、联系信息、出版日期等信息。

结论

您可以将<nav>与<footer>结合使用。

- GG.

---

我同意。我认为规范对页脚中应该放置什么的定义并不总是与在 HTML 构建之前放置的内容相符。虽然大多数关于此的建议都是“你可以在 <footer> 中放置 <nav>，但你可能不应该这样做”，但显然这意味着有时候这样做是有合理理由的。 - Steve Taylor

Answer 3

这一切都与语义有关。我的看法是：如何在仅使用HTML的情况下传达尽可能多（且准确）的含义。如果有人仅阅读我的网站源代码（例如使用屏幕阅读器），我希望它如何组织？虽然我并不是专家，但听起来你的情况似乎完全可以在<footer>内部使用<nav>。

- hair raisin

Answer 4

来自 MDN网站文件:

使用说明: 不是所有的链接都需要包含在一个 <nav> 元素中。 <nav> 仅适用于主要的导航链接块；通常情况下，<footer> 元素经常有一些不需要在<nav>元素中的链接。

如果你只看表面的话，虽然也可以这样做，但MDN似乎试图引导人们不要把<nav>放在<footer>中。

- jadenmcc