對於小工具的側欄，哪個更具語義？

在以下示例 HTML5頁面結構，下面中的哪一個更語義在相對於是出現在邊欄，其出現在多個頁面上，做元素窗口小部件（元件的側邊欄不是必需的，直接，也沒有具體地涉及本頁內容）：對於小工具的側欄，哪個更具語義？

<body> 
    <header id="site-header"> 
     ... 
    </header> 

    <section id="page-body"> 
     <main> 
      <header></header> 
      <article></article> 
      <footer></footer> 
     </main> 
     <aside class="sidebar" id="sidebar-a"> 
      <section id="search-widget"> 
       ...search field, etc... 
      </section> 
      <section id="recent-articles-widget"> 
       ...articles list... 
      </section> 
     </aside> 

     <aside class="sidebar" id="sidebar-b"> 
      <section id="cloud-tag-widget"> 
       ...search field, etc... 
      </section> 
      <section id="recent-articles-widget"> 
       ...articles list... 
      </section> 
     </aside> 
    </section> 
    <footer id="site-footer"> ... </footer> 
</body>

或...

<body> 
    <header id="site-header"> 
     ... 
    </header> 

    <section id="page-body"> 
     <main> 
      <header></header> 
      <article></article> 
      <footer></footer> 
     </main> 
     <section class="sidebar" id="sidebar-a"> 
      <aside id="search-widget"> 
       ...search field, etc... 
      </aside> 
      <aside id="recent-articles-widget"> 
       ...articles list... 
      </aside> 
     </section> 
     <section class="sidebar" id="sidebar-b"> 
      <aside id="cloud-tag-widget"> 
       ...tag list... 
      </aside> 
      <aside id="popular-articles-widget"> 
       ...articles list... 
      </aside> 
     </section> 
    </section> 
    <footer id="site-footer"> ... </footer> 
</body>

AKA - 它更多的語義或以任何方式更適合於把節內有多個旁白，或包括內多個部分在旁邊創建一個sid ebar的小工具？他們應該在一個div內是簡單的div嗎？或部分內的div？在一旁的科室？ 爲什麼？ 這是爲屏幕閱讀器或搜索引擎更容易嗎？ 爲什麼？

來源

2014-05-01 mindfullsilence

這個問題似乎是題外話，因爲它是關於搜索引擎優化和過於寬泛 –

的aside是「切線與周圍的內容」吧。

目前，它似乎並沒有定義什麼是「身邊」的意思完全吻合。 Assuming，它是（至少）父切片內容元素的內容，那麼這將意味着你的例子：

<body> <section> <aside></aside> </section> </body>
的aside是關係到section的內容。
<body> <aside> <section></section> </aside> </body>
aside與body（即，整個文件的內容）有關。

所以你的情況，你可能會想有aside作爲body（沒有其它切片內容元素）的後裔。

接下來要決定的將是：一個aside有幾個子部分與幾個aside。我會用separate aside去每個「側邊欄塊」，除非你能在邏輯組（*）這些塊。

*也就是說，如果有一個自然的標題可以使用（實際上使用它並不重要）來分組幾個邊欄模塊，請使用一個aside和section孩子。

來源

2014-05-02 01:53:12 unor

<aside>的標籤定義了一些內容一邊從內容它被放置在。

的預留內容應與周圍的內容。

來源

2014-05-02 00:09:56 Kad

這並沒有真正回答我的問題。我知道旁邊的標籤是什麼。以及HTML5規範中的部分，頁眉，頁腳，導航和所有其他標籤。我問的是：在側欄中使用它最合適或有效的方式是什麼？ – mindfullsilence

對，我讀得太快了。 Unor的回答很好！ – Kad

對於小工具的側欄，哪個更具語義？

回答

相關問題