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

Question

想要一些关于如何在 HTML-5 a 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 < / strong>要使用的元素，显而易见的只是创建一个div来保存它们：

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

但这感觉就像是作弊。

有什么建议吗？

Answer 1

您可以使用标题包装来导航＆amp;其余部分的部分。

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

使用一边有特定目的。 如果与内容或其他内容相关，您可以使用一边包装器获取信息。