侧栏中的主要导航 - 使用哪个语义标签?

时间:2014-08-29 13:25:45

标签: html5 navigation nav semantic-markup

我无法选择用于侧边栏导航的内容。结构如下:

<header>
</header>

<main>
   <nav-tag>
   </nav-tag>

   <article>

   </article>

   <aside>

   </aside>
</main>

aside标记显示与article相关的内容。因此,将其用于侧边栏导航毫无意义。我应该添加一个ID为#sidebar的div代码,并在其中添加nav标记吗?或者我应该添加一个带有ID #sidebar的nav标记,并为其添加侧边栏样式?我想选择后者,因为没有样式,它在语义上是有意义的,因为它是一个存储无序链接列表的容器。

1 个答案:

答案 0 :(得分:2)

是导航吗?如果是,请使用nav。导航显示的方式无关紧要(侧边栏,页眉,页脚,隐藏,......)。

如果是整个网站的导航,请不要将其放在main

如果只是特定article的导航(例如,目录或单独文章部分的列表),请将nav作为article的子项。

附注:如果aside与文章(而非页面)相关,则将其包含为article的子项可能是有意义的。如果它不属于article,则可能也不应该放在main中。但所有这些都取决于实际内容和您对它的理解。