在html中正確使用<section>標記5

Question

我正在實現HTML5到博客模板中，並且對於如何在首頁上標記不同的'部分'有點困惑。這是一本雜誌的主題，所有主題都是鬆散的。爲了爭辯，讓我們說這是一個電影網站，我有新聞部分，預告片部分和採訪。這是適合我的索引：

<section> 
    <h1>Trailers</h1> 
     <ul> 
      <li><a href="article">article</a></li> 
      <li><a href="article">article</a></li> 
      <li><a href="article">article</a></li> 
      <li><a href="article">article</a></li> 
     </ul> 
</section> 

Answer 1

這似乎並不是它的預期用途; confer，特別是第二注：

的部分元素不是一個通用的容器元素。當僅僅爲了樣式或爲了方便腳本而需要元素時，鼓勵作者改爲使用div元素。一般規則是，只有元素的內容將在文檔的大綱中明確列出時，section元素纔是合適的。

在本質上，section旨在作爲文件結構的一部分。

Answer 2

按照section spec：

的一般規則是，部分因素是適當僅當元素的內容將會在文檔的大綱中明確列出。

這意味着，如果你只是想對內容執行一些腳本或應用樣式，你應該使用div代替。如果您認爲section的內容應該是syndicated，那麼您最好使用article標籤。

在這裏你可以看到一些例子和指導：http://www.w3.org/TR/2011/WD-html5-20110525/sections.html#headings-and-sections