Question

请您按照这样的顺序告诉我您是否可以使用下面的代码。问题是我要构建一个固定的侧面导航，并将所有包含标题标记的内容放到右侧，并使用float。感谢。

<body>
  <nav>
     <ul>
      <li><a></a></li>
      <li><a></a></li>
      <li><a></a></li>
      <li><a></a></li>
    </ul>
  </nav>
  <div id="wrapper">
    <header>
    </header>
    <footer>
    </footer>
  </div>
</body>

Answer 1

从字面上看，将<nav>元素放置在HTML文档正文中的任何位置（其中包含流内容（https://html.spec.whatwg.org/multipage/semantics.html#the-nav-element）绝对没有错。

从语义上讲，如果<nav>元素包含与文档特定部分相关的链接，那么将导航本身放在该部分中是很好的，可选地在该部分的标题中。如果你把它看作部分的中心表或类似的东西。

Answer 2

尝试使用以下格式，以便您可以清楚地了解。

<body>

    <!--headerStuff-->
    <header>
      <nav>
         <ul>
          <li><a></a></li>
          <li><a></a></li>
          <li><a></a></li>
          <li><a></a></li>
        </ul>
      </nav>
    </header>

    <div id="wrapper">
    </div>

    <footer>
       <!--Footer Stuff-->
    </footer>

    </body>

HTML5中标题之前的NAV标记

2 个答案: