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

在html5中购物网格

1 个答案: