【问题标题】:HTML5 nav element inside footer页脚内的 HTML5 导航元素
【发布时间】:2012-07-23 04:34:56
【问题描述】:

我在几个地方读到,当您链接的只是版权、条款和条件等时,无需在 <footer> 内使用 <nav>

但是,我正在处理的网站在页脚中有以下链接:新闻、职业、隐私。显然,使用<nav>,隐私符合上述的描述。但是新闻和职业——尽管它们显然没有像顶部主导航中的项目那样被赋予如此多的权重——是重要的内容领域,与其他地方没有联系。这些是否可以证明使用<nav> 是合理的?

我的猜测是肯定的,但我是 HTML5 新手,所以我想我会征求第二意见!

【问题讨论】:

  • 差不多。 “<nav> 元素旨在标记‘主要’导航块” - 块,复数 - 所以它不仅仅是用于主要导航。 “特别是,页脚通常会包含指向网站各个页面的链接的简短列表,例如服务条款、主页和版权页面。对于这种情况,仅页脚元素就足够了。”美好的。但是,新闻和职业显然不在此类别中-因此我发布了一个新问题。这里的 IA / 设计可能存在问题,但所有这些都已签署 - 我必须正确标记:)

标签: html footer nav


【解决方案1】:

正如W3C specification 所述

并非页面上的所有链接组都需要在 <nav> 元素中 — 元素主要用于由主要组成的部分 导航块。特别是,页脚通常有一个 指向网站各个页面的链接的简短列表,例如 服务、主页和版权页。单独的页脚元素 足以应付这种情况;而 <nav> 元素可用于此类 情况,通常是不必要的。

注意最后一句 - 即使不建议您可以使用<nav> 元素,即使是 TOS、隐私等。

在您的情况下,当您有其他重要的导航元素(职业、新闻)时,我认为在您的 <footer> 中使用 <nav> 元素是完全有效且语义正确的

【讨论】:

  • 注意:- 建议通过 aria-label 或 aria-labelledby 的存在来区分额外的
【解决方案2】:

调查

根据this French article

<nav>

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

<footer>

footer 元素表示页脚,或一节的结尾。它会放置有关作者、法律声明或分页导航(与<nav> 结合使用)、提醒徽标、联系信息、发布日期的信息。

结论

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

【讨论】:

  • 我同意。我认为规范对页脚内容的定义并不总是与 HTML 构建开始之前放置在那里的内容一致。尽管对此的大多数建议都说“您可以在 <footer> 中添加 <nav>,但您可能不应该这样做”,但这显然意味着有时这样做是有正当理由的。
【解决方案3】:

一切都与语义有关。我的看法是这样的:如何仅使用 HTML 来传达尽可能多(和尽可能准确)的含义。如果有人只阅读我网站的源代码(例如,使用屏幕阅读器),我希望如何组织它?我当然不是专家,但在我看来,您的场景将是在 <footer> 内完全有效地使用 <nav>

【讨论】:

    猜你喜欢
    • 2011-11-30
    • 2011-07-10
    • 2012-12-20
    • 1970-01-01
    • 1970-01-01
    • 2015-10-16
    • 2012-12-15
    • 2015-01-18
    • 1970-01-01
    相关资源
    最近更新 更多