HTML5 <nav> 元素能否用于对过滤或重新排序主要内容的链接进行分组?

Den*_*nik 5 html nav semantics

我们的网站有两个主要导航链接,指向两个完全不同的页面。像这样的东西:

<section>
    <header>
        <nav>
            <ul>
                <li><a href="link1.html">Link 1</a></li>
                <li><a href="link2.html">Link 2</a></li>
            </ul>
        </nav>
    </header>
</section>
Run Code Online (Sandbox Code Playgroud)

在其中一个页面上,我们还有一个由链接列表组成的过滤组件,这些链接使用 Ajax 更改主要内容区域中列出的结果集(类似于 kayak.com 在您调整时实时过滤他们的航班选项)滑块、单击复选框等)

我的问题是,这组过滤链接是否应该包含在一个<nav>元素中?

它看起来像这样:

<section>
    <nav>
        <ul>
            <li><a href="#filter1">Filter 1</a></li>
            <li><a href="#filter2">Filter 2</a></li>
            <li><a href="#filter3">Filter 3</a></li>
            <li><a href="#filter4">Filter 4</a></li>
            <li><a href="#filter5">Filter 5</a></li>
        </ul>
    </nav>
</section>
Run Code Online (Sandbox Code Playgroud)

我感到困惑的原因是规范并不清楚通过过滤等方法对页面内容进行实质性更改是否构成“主要导航”。另外,我不确定从可访问性的角度来看,页面上有两个像这样的导航元素是否会在语义上造成混淆。

big*_*ind 0

你可以,但它在语义上不正确。我会在这里使用命令标签,因为您不是在内容中导航,而是根据某些条件发出命令来显示/隐藏某些内容。