在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>
在这种情况下,使用旁边是否正确?
提前感谢任何建议,欢呼。
答案 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