2011-07-30 116 views
0

最後決定看看HTML5 &看看有什麼大驚小怪的,但有相沖突的帳戶來自全國各地的什麼語義標籤使用的時間和地點遇到的困惑。HTML5語義混亂

任何人都可以告訴我這是否對HTML5語義正確,是否應該有< figure>標籤纏繞在「Item Images」上)。提前

<div> 

    <!-- Header/Logo --> 
    <header> 
     <div> 
      <h1 class="hidden">Website name</h1> 
      <a href="/"> 
       <img id="Logo" src="#" alt="Website name" /> 
      </a> 
     </div> 

     <!-- Main site nav --> 
     <nav> 
      <ul> 
       <li><a href="#">menu1</a></li> 
       <li><a href="#">menu2</a></li> 
       <li><a href="#">menu3</a></li> 
      </ul> 
     </nav> 
    </header> 



    <!-- Item menu --> 
    <aside> 
     <ul> 
      <li> 
       <h2>ItemMenu1</h2> 
       <ul> 
        <li>opt1</li> 
        <li>opt2</li> 
        <li>opt3</li> 
       </ul> 
      </li> 
      <li> 
       <h2>ItemMenu2</h2> 
       <ul> 
        <li>opt1</li> 
        <li>opt2</li> 
        <li>opt3</li> 
       </ul> 
      </li> 
     </ul> 
    </aside> 



    <!-- Items --> 
    <section> 
     <ul> 
      <li> 
       <article> 
        <h2><a href="#">Item 1</a></h2> 
        <a href="#"><img src="#" alt="image of item" /></a> 
        <p>Date added: <time datetime="2011-07-30">7/30/2011</time></p> 
        <p>Price: $$$$</p> 
        <p>[Brief descrition..]</p> 
       </article> 
       <article> 
        <h2><a href="#">Item 2</a></h2> 
        <a href="#"><img src="#" alt="image of item" /></a> 
        <p>Date added: <time datetime="2011-07-30">7/30/2011</time></p> 
        <p>Price: $$$$</p> 
        <p>[Brief descrition..]</p> 
       </article> 
      </li> 
     </ul> 

     <!-- Paging --> 
     <nav> 
      <ul> 
       <li><a>Prev</a></li> 
       <li><a>1</a></li> 
       <li><a>2</a></li> 
       <li><a>3</a></li> 
       <li><a>Next</a></li> 
      </ul> 
     </nav> 
    </section> 


    <footer> 
     <div> 
      <p>Copyright...</p> 
      <!-- Site links etc --> 
      <nav> 
       <ul> 
        <li>...</li> 
       </ul> 
      </nav> 
     </div> 
    </footer> 


</div> 

回答

2

您使用section錯誤,你沒有給它一個標題。你將它用作不正確的包裝。 A div會做。

+0

酷,感謝伊恩 – Oppdal

+0

你確實是最歡迎! :-)通常,如果該部分沒有標題,並且只用於樣式,那麼div就沒問題。我寫了一些關於在這裏:​​http://www.iandevlin.com/blog/2011/04/html5/html5-section-or-article –

1

<figure><figurecaption>

由於被用來代表誰不適合上下文,如代碼cxamples內容。 它們也可以用來爲主題或其他內容提供附加信息。

您閱讀過whatwg.org的定義是什麼?

+0

感謝擡起頭。 – Oppdal