汉堡菜单的 <nav> 的正确实现html5 语义

问题描述

我想知道移动菜单（汉堡菜单）的 <nav> 的正确（html5 有效语义）实现是什么。

对于桌面视图，这很容易。只需要用 .

封装我的 -List

但是移动视图有什么用，因为 -element 只是包含真正导航项的图层的触发器？

菜单具有以下结构（为了更好的概览而进行了简化）：

<div class="rootMenu">
  <button aria-controls="menu-list-grow">
    <svg .../>
  </button>
  <div class="myCollapsableWithMenuItems">
    <div class="wrapper">
      <ul>... MenuItems goes here</ul>
    </div>
  </div>
</div>

你看，我仍然将 aria-controls 添加到汉堡菜单的 - 元素。但是用 <nav> 标签封装菜单的正确位置是什么？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html semantic-markup