在<nav>元素中使用<aside>?

时间:2017-02-08 12:59:24

标签: html html5

在nav中使用aside元素会在语义上正确吗?

我正在电子商务网站上创建一个下拉菜单,该菜单会在下拉菜单旁边有一个区域,用于宣传特定产品。

这不是分层导航的严格组成部分,但与导航树中的父级相关。

类似于以下内容:

<nav>
  <ul>

    <li>Link 1
      <div class='mega-menu'>
        <ul>
          <li>child link</li>
          <li>child link</li>
          <li>child link</li>
        </ul>

        <aside>
          /* Promo content in here */
        </aside>

      </div>
   </li>

   <li>Link 2</li>
   <li>Link 3</li>
   <li>Link 4</li>

  </ul>
</nav>

在这种情况下,使用旁边是否正确?

提前感谢任何建议,欢呼。

1 个答案:

答案 0 :(得分:3)

允许在nav元素中使用aside元素,您可以在以下链接https://developer.mozilla.org/en/docs/Web/HTML/Element/nav中看到:允许的内容:流内容。

如果您打开流内容页面,您可以看到旁边元素实际上是一个流内容:https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Flow_content