簡體   English   中英

如何在HTML 5中標記3窗格頁面

[英]How to Mark-up a 3 pane page in HTML 5

想要一些關於如何在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>

但這感覺就像是在作弊。

有什么建議么?

您可以在nav和section中使用頭文件包裝器來處理其余的兩個部分。

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

使用aside有特定的目的。 如果涉及到的內容或其他東西,你可以使用預留包裝的信息。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM