文章元素中h元素的語義

Question

我正在構建一個包含一些新聞項目的頁面。

當前的HTML我有是：

<h1>News</h1> 
<article> 
    <h2>Item 1</h2> 
    <p>Lorem ipsum</p> 
    <footer> 
    <ul> 
     <li>By: me</li> 
     <li>31-12-2011</li> 
    </ul> 
    </footer> 
</article> 
<article> 
    <h2>Item 2</h2> 
    <p>Lorem ipsum</p> 
    <footer> 
    <ul> 
     <li>By: me</li> 
     <li>31-12-2011</li> 
    </ul> 
    </footer> 
</article> 

正如你可以看到我使用<h2>的文章標題。

但現在我認爲它也應該是<h1>，因爲它位於文章元素的「範圍」中。

因此：什麼是在我的新聞項目的標題使用語義上正確的元素？

Answer 1

從HTML5的角度來看，任何一個都沒問題，並且達到了相同的目的。

雖然對於非HTML5感知的處理器，h2的排名將被正確理解，而h1不會，所以目前，雖然HTML5仍然是新的，但我會犯錯並使用h2，除非你需要六個以上的標題。

Answer 2

我認爲任何一個在語義上是正確的。從http://www.w3.org/TR/html5/sections.html#headings-and-sections：

章節中可能包含任何等級的標題，但是強烈鼓勵作者要麼只使用H1的元素，或使用適當級別的元素部分的嵌套級別。

所以，無論哪種方式是好的，但不要混搭，也不要（例如）在一節，有一個<h2>或<h3>段內這是把一個<h2>。

對於它的價值，該規範自己的例子爲<article>，在http://www.w3.org/TR/html5/sections.html#the-article-element，都使用<h1>。