三節頁腳應該包含哪些HTML5標籤

Question

我發現使用新HTML 5標籤製作HTML的語義越多，樣式和處理文檔就越容易。我是HTML 5的新手，只有HTML新手，但我想盡可能使我的HTML 5在語義上正確。目前我有我的HTML 5頁腳分割如此。

<footer> 
     <section> 
      <h2>Contact</h2> 
      <ul> 
       <li><a href="snip">Email</a></li> 
       <li><a href="snip">Tweet</a></li> 
      </ul> 
     </section> 
     <section> 
      <h2>Explore</h2> 
      <ul> 
       <li><a href="snip">Stack Overflow</a></li> 
       <li><a href="snip">LinkedIn</a></li> 
       <li><a href="snip">Flickr</a></li> 
       <li><a href="snip">Google+</a></li> 
      </ul> 
     </section> 
     <section> 
      <h2>About</h2> 
      <p> 
       snip 
      </p> 
     </section> 
    </footer> 

我查詢的特定標籤是h2標籤的部分和用法。我認爲章節在語義上更加正確，因爲在頁腳的每個部分都是一個章節的旁邊或文章。 h2也是我關心的問題。我想使用H1，因爲它是該部分中的第一個標題，但是如果我使用h1而不是h2，恐怕Google蜘蛛會避開我並阻止我成爲網友。

非常感謝來自使用語義的人的想法。

Answer 1

您可能需要添加在你的聯繫信息address - 標籤：

<footer> 
    <section> 
     <h1>Contact</h1> 
     <address> 
      <ul> 
       <li><a href="snip">Email</a></li> 
       <li><a href="snip">Tweet</a></li> 
      </ul> 
     </address> 
    </section> 
    <section> 
     <h1>Explore</h1> 
     <ul> 
      <li><a href="snip">Stack Overflow</a></li> 
      <li><a href="snip">LinkedIn</a></li> 
      <li><a href="snip">Flickr</a></li> 
      <li><a href="snip">Google+</a></li> 
     </ul> 
    </section> 
    <section> 
     <h1>About</h1> 
     <p> 
      snip 
     </p> 
    </section> 
</footer> 

這將是語義正確的，但注意其具有的<address>實施中的問題舊版瀏覽器。在Firefox 3.6.12中，不允許將塊元素放置在<address>like discussed here內。

編輯： 也改變了<h2>到<h1>：

注意使用部分如何意味着作者可以在整個H1元素，而不必擔心某個特定部分是否在第一級，第二級，第三級等等。