如何在HTML 5中标记3个窗格页

Question

想要一些关于如何在HTML-5中标记一个3 pane-page的建议，如下所示：

________________________________________ | Nav Pane | Content Pane | Info Pane | ________________________________________

所以我想这将是我的基本布局：

<aside id="nav">
   <nav></nav>
</aside>
<section id="content"></section>
<aside id="info"></aside>    

但是，如果我想将它们并排显示--我需要创建一个包装器来保存3 elements，但我不确定要使用什么才是有效的HTML-5元素，显而易见的是创建一个div来保存它们：

<div>
   <aside id="nav">
      <nav></nav>
   </aside>
   <section id="content"></section>
   <aside id="info"></aside>    
</div>

但这感觉就像个骗子。

有什么建议吗？

Answer 1

您可以将头包装器用于nav &节，用于其余的两个部分。

<header>
    <nav class="nav">
    </nav>
</header>
<section class="content"></section>
<section class="info"></section>

使用(不包括)有其特定目的。如果信息与内容或其他内容相关，可以使用以外的包装器获取信息。