HTML5語義標記幫助

Question

我剛開始一個新的應用程序。以下是我負責做的基本模型。 我剛剛使用HTML5進行語義標記，所以我想要一些反饋/幫助。

我想了解如何/在何處使用之類的東西<nav>和<section>

<div id="container"> 
    <header> 

    <div id="appInformation"> 
     <a href="#" alt="Home"> 
     <img src=""> 
     </a> 

     <span>Selected AppName</span> 
    </div> 

    <div> 
     <span id="time">TIME GOES HERE</span> 
    </div> 

    <div> 
     <a href="#" alt="Additional Information"> 
     <img src=""><!-- This is will be the location of the the 'i'--> 
     </a> 
    </div> 

    <div class=""> 
     <label>UserName</label> 
    </div> 

    </header> 
    <div id="main"> 
     <!-- main content for the selected app here --> 
    </div> 

    <footer> 

     <div id="appVersion"> 
      VERSION # HERE 
     </div> 

     <nav> 
      <ul> 
       <li> 
        <a href="#">FAQ</a> 
       </li> 
      </ul> 
     </nav> 

     <div id=""> 
      <!-- Team logo here--> 
     </div> 

    </footer> 

Answer 1

• 避免unacessary事業部。
• 對時間元素使用時間標記而不是Div。

• 如果您沒有任何可以引用的內容（如輸入內容），請避免使用標籤。

  選擇AppName的

  <time datetime="YYYY-MM-DD">TIME GOES HERE</time><!-- Don't need an id Time since you can target the Time tag --> 
  
      <a href="#" alt="Additional Information"> 
       <img src=""><!-- This is will be the location of the the 'i'--> 
      </a> 
  
      <em>UserName</em> <!-- Don't use a label if you got nothing to refer too, like an input for example. --> 
  </header> 
  <div id="main"> 
      <!-- main content for the selected app here --> 
  </div> 
  <footer> 
      <div id="appVersion"> 
       VERSION # HERE 
      </div> 
      <nav> 
       <ul> 
        <li> 
         <a href="#">FAQ</a> 
        </li> 
       </ul> 
      </nav> 
  
      <a href="yourTeamUrl" id=""> 
       <!-- Team logo here--> 
      </a> 
  </footer> 
  

Answer 2

除了@Simon阿諾德的優良的答案，我可能也表明<nav>使用是不正確。頁腳中的單個鏈接很難被解釋爲「主要導航塊」。請參閱http://dev.w3.org/html5/spec/sections.html#the-nav-element