在页面结构中导航

Question

我的页面的正确结构是：

1-This is the title
   1-Menu
   2-this is section 1
   3-this is section 2

所以，这就是我编写代码的方式：

<h1>This is the title of the page</h1>
<nav> Menu </nav>
<section><h2>this is section 1</h2></section>
<section><h2>this is section 2</h2></section>

这是结构。 （为了测试它，我使用https://gsnedders.html5.org/outliner/和Chrome中的扩展程序html5 Outliner，结果相同）

1-This is the title
   1-Untitled Section
      1-this is section 1
      2-this is section 2

我不明白结构中的导航会发生什么？ 我试图在导航中添加一个h2并用css隐藏它。即使我不喜欢这个解决方案，因为它不是正确的结构而且我不喜欢隐藏任何东西。我只是试着测试一下大纲：
<nav> <h2 class="out"> Menu </h2></nav>
结果是：

1-This is the title
   1-Menu
      1-this is section 1
      2-this is section 2

我该怎样做html以反映正确的结构，特别是在这个大纲中使用导航的正确方法是什么？

（当然，在nav中有一个带有很多li的ul。在这些部分里面有p，img和div。我只是简化这里以便于解释）