<details>是否适合主导航栏的下拉菜单？

Question

HTML5引入了<details> element：

  

<details>表示用户可以使用的披露窗口小部件   获取其他信息或控制

目前它是一种实验性技术，IE 11不支持，但有JS后备。 抛开所有兼容性问题并关注其语义含义，可以使用它在网站的主导航栏中生成一个简单的无JavaScript下拉菜单，如下所示：

＆＃13;

＆＃13;

<header>
  <img src="/logo.png" alt="…">
  <h1>My Site</h1>
  <nav>
<details>
  <summary>Catalogue</summary>
  <ul>
    <li><a href="…" title="…">books</a></li>
    <li><a href="…" title="…">moview</a></li>
    <li><a href="…" title="…">and so on</a></li>
  </ul>
</details>
<details>
  <summary>Settings</summary>
  <ul>
    <li><a href="…" title="…">profile</a></li>
    <li><a href="…" title="…">notifications</a></li>
    <li><a href="…" title="…">and so on</a></li>
  </ul>
</details>
  </nav>
</header>

＆＃13;

＆＃13;

＆＃13;

是否正确使用<details>元素？

让我强调，我不想讨论兼容性问题或元素的实验状态，但前提是使用方法是正确的还是正确的。