【问题标题】:Main navigation in sidebar - which semantic tag to use?侧边栏中的主导航 - 使用哪个语义标签?
【发布时间】:2014-08-29 13:25:44
【问题描述】:

我一直在选择用于侧边栏导航的内容。这是结构:

<header>
</header>

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

   <article>

   </article>

   <aside>

   </aside>
</main>

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

【问题讨论】:

    标签: html navigation nav semantic-markup


    【解决方案1】:

    是导航吗?如果是,请使用nav。导航以何种方式显示(侧边栏、页眉、页脚、隐藏......)并不重要。

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

    如果它只是特定article 的导航(例如,目录或分隔文章部分的列表),请将nav 放置为article 的子级。

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

    【讨论】:

    • 感谢您对导航的帮助,但我对没有放在主标签中的旁边有点困惑。我的旁边会像一个子菜单。例如,如果用户查看一个事件,他将看到一个正确的菜单,该菜单将显示所有事件的列表,因为他在“事件控制器”中,我希望这是有道理的。那我应该在哪里使用呢?
    • @Gasim:在这种情况下,aside 不应该是 article 的子代,也不应该是 main 的子代,因为我猜页面的主要内容是特定事件,没有指向所有事件的链接列表。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-07-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多