何时在HTML5中使用Aside vs Section或其他内容作为过滤器

Question

我正在按照内容类型对搜索结果页进行过滤。 例如，一些链接此：

<main>
    <article>Math paper</article>
    <article>Politics paper</article>
    <article>CS paper</article>
</main>
<section>
    <h1>Filter</h1>
    <ul>
        <li>Math
        <li>Politics
        <li>Computer Science
    </ul>
</section>

我应该像示例中一样使用section吗？ 还是放在一边会是更好的选择？ 还是放在一边的一部分？ 还是普通的旧div？ 还是导航？

该部分的样式将像边栏一样，但这没关系...对吗？ 对于我来说，确定什么是切线相关的内容以及什么不是切线相关的内容非常困难。

Answer 1

这个问题接近于主要关于观点和主观解释，但是相对清楚的是，过滤器是一种导航（它使用户可以通过过滤掉其他内容来访问某些内容）。 因此，如果您希望按照HTML5原则进行编码，则最好将其标记为nav元素 。

另一方面，这确实不用担心。 该选择现在几乎没有任何实际影响。 将来，某些浏览器或辅助软件可能会允许用户跳过nav元素，或者视情况而定，例如使用特殊命令来访问它们。 这支持在此处使用nav的想法。 为了帮助辅助软件将元素视为导航元素，即使该软件尚未识别出nav “语义”，也建议使用role属性：

<nav role="navigation">