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