Product Markup From http://peteschuster.com/2012/05/semantic-html5-for-products-in-ecommerce/

_product.scss

_

product.css

_

product.html

<article itemscope itemtype="http://schema.org/Product">
    <a href="#" title="#" itemprop="url"><img src="#image" alt="#title" width="#" height="#" itemprop="image" /></a>
    <h1 itemprop="name">Companion Cube</h1>
    <div class="description" itemprop="description">
        <p>The Companion Cube is your best friend and it loves you very much.</p>
    </div><!--/end .description-->
    <div class="rating" itemscope itemtype="http://schema.org/AggregateRating">
        <p>Rating: <span itemprop="ratingValue">10</span> out of <span itemprop="bestRating">10</span> by <span itemprop="reviewCount">256</span> customers</p>
    </div><!--/end .rating-->
    <div class="offer" itemscope itemtype="http://schema.org/Offer">
        <span class="price" itemprop="price">$100.00</span>
        <span class="availability" itemprop="availability">In stock!</span>
    </div><!--/end .offer-->
    <a href="#" title="Add to Cart"><span>Add to Cart</span></a>
    <ol class="review_list">
        <li>
            <article itemscoop itemtype="http://schema.org/Review">
                <h1 itemprop="name">LOVED IT!!!</h1>
                <p>Posted by: <cite itemprop="author">Gladis</cite> at <time datetime="" pubdate itemprop="datePublished">Sept. 1</time></p>
                <div class="review_content" itemprop="description">
                    <p>Loved it!</p>
                </div><!--/end .review_content-->
            </article>
        </li>
        <li>
            <article itemscoop itemtype="http://schema.org/Review">
                <h1 itemprop="name">LOVED IT!!!</h1>
                <p>Posted by: <cite itemprop="author">Gladis</cite> at <time datetime="" pubdate itemprop="datePublished">Sept. 1</time></p>
                <div class="review_content" itemprop="description">
                    <p>Loved it!</p>
                </div><!--/end .review_content-->
            </article>
        </li>
        <li>
            <article itemscoop itemtype="http://schema.org/Review">
                <h1 itemprop="name">LOVED IT!!!</h1>
                <p>Posted by: <cite itemprop="author">Gladis</cite> at <time datetime="" pubdate itemprop="datePublished">Sept. 1</time></p>
                <div class="review_content" itemprop="description">
                    <p>Loved it!</p>
                </div><!--/end .review_content-->
            </article>
        </li>
    </ol>
</article>