html5中的商店網格

Question

我想在html5中構建「網格產品」，我不確定應該使用什麼新的html5屬性元素。我已經看到了數字和跨度的混合或使用表格（就像我很久以前做的那樣）。

代碼示例：

<figure class="span4 slide"> 
    <a href="book-detail.html"><img src="images/image25.jpg" alt="" class="pro-img"></a> 
     <span class="title"><a href="book-detail.html">A Walk Across The Sun</a></span> 
     <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"></span> 
     <div class="cart-price"> 
      <a class="cart-btn2" href="cart.html">Add to Cart</a> 
      <span class="price">$129.90</span> 
     </div> 
</figure> 

我的問題是我可以用什麼來建立一個網格，是語義和使用HTML5的強大功能。

Answer 1

我不認爲數字適用於整個產品說明，但是您的問題主要是主觀的。它也取決於HTML的更大結構。就個人而言，我可能會爲每種產品使用section，並在適當的情況下將產品組分成articles。

這就是說，我會看看HTML5開發者指南，而不是在這裏問這樣一個具體的問題。

http://www.w3.org/TR/html5-diff/#new-elements

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document