应该使用什么html5标记来过滤搜索结果

如果我有一个页面区域，其中包含用于过滤搜索结果的不同选项（带有链接、复选框、选择项等的无序列表）。应该使用什么html5标记来包装过滤器？“区段”标签、“导航”标签还是其他什么

<div id="search-filters"> <!-- This should be a div, a nav, a section? -->
    <h3>Price</h3>
    <ul>
        <li>less than 100</li>
        <li>100 - 200</li>
        <li>more than 200</li>
    </ul>

    <h3>Brand</h3>
    <ul>
        <li>Brand A</li>
        <li>Brand B</li>
        <li>Brand C</li>
    </ul>

    ...
</div>
<section id="search_results">
    ...
</section>

价格

少于100
100-200
200多

烙印

品牌A
B品牌
品牌C

...
...

我会在html中使用如下内容：

<form method="get">
    Search By Client Name: <input type="search" name="searchText" />
    <input type="submit" value="Search" />
</form>

您可以使用：

标题

元素表示一组介绍性或导航辅助工具

请注意，

标题

需要位于搜索结果的剖切元素中（在您的情况下，

部分

）：

<section id="search_results">

  <h1>Search results</h1>

  <header id="search-filters">
    <!-- your filters -->
  </header>

  <article>
    <!-- search result 1 -->
  </article>

  <article>
    <!-- search result 2 -->
  </article>

</section>

那么：

<nav role="search">
...
</nav>

...

我知道这并不完美，因为

nav

并没有在标准中真正说明应该使用它，但它显然会导致您进入不同的页面。没有比这更好的了，不过您也可以使用

菜单

，因为它也可以被视为一个命令（，）

它并不是一个真正的“搜索”角色，因为你说它是过滤已经搜索到的内容，但我认为它是最接近它的

---

对不起，我问的是一个HTML5标签，我想这是另一个问题的答案…@hernan scribe-你的想法不清楚。考虑提供一些标记作为你想要包装的例子。@ Alohci可能是英语不是我的语言。但是我问了一个HTML5标签（section，nav，article…），用于过滤选项所在的部分。如果你在页面上有诸如年龄、价格、大小、重量、品牌等过滤器选项，那么这些选项应该在HTML5规范中的“部分”、“导航”中，或者只使用DIVs？@hernan scribe-根据细节，我会选择fieldset或div，这两个选项在HTML5中都不是新的。分段内容通常不合适，但不能排除在所有情况下都使用分段元素。HTML5中没有其他新的合适内容，除非过滤器仅用于高级用途，在这种情况下，详细信息/摘要是可能的。@hernan scribe-根据您的示例，我喜欢这个关于搜索过滤器的建议，但是“搜索结果1”和“搜索结果2”是什么意思呢？搜索结果中返回的每个项目？我从来没有想过在那些类似的文章中…@hernan scribe:是的，通常每个项目（=搜索结果）都可以是自己的

文章。但是，是否应该使用
文章
取决于结果的类型但这在这里是离题的，对过滤器使用
标题
，适用于您为搜索结果项选择的任何标记。
<section id="search_results">

  <h1>Search results</h1>

  <header id="search-filters">
    <section>
      <h2>Filter the results</h2>
      <!-- your filters -->
    </section>
  </header>

  <article>
    <!-- search result 1 -->
  </article>

  <article>
    <!-- search result 2 -->
  </article>

</section>

<nav role="search">
...
</nav>