CODEWITHSUNDEEP
htmlmicrodata
Amit Erandole
Amit Erandole

Reputation: 12271

html5 microdata mixed with other new semantic elements. Is this correct?

I am writing markup for a restaurant review. This is what I’ve got so far:

<article itemscope itemtype="http://data-vocabulary.org/Review">
    <img src="" alt="Shatranj Napoli" />

    <h3 itemprop="itemreviewed">
        <a href="">
            <strong>Shatranj Napoli </strong>
            <em>Bandra West</em>
        </a>
    </h3>

    <p class="cuisine">Italian &amp; Lucknowi</p>

    <p itemprop="summary">Whoa! What a marriage of cuisines! Italian and Lucknowi. And much to my surprise, both are good, though I prefer...</p>

    <span itemprop="rating">4.5</span>

    <span class="price-rating">3.5</spam>
</article>

Does this look right? Or will this not work at all?

Upvotes: 1

Views: 213

Answers (1)

Paul D. Waite
Paul D. Waite

Reputation: 98786

Looks fine to me, as per Google’s documentation.

I don’t think the fact that you’re using the <article> tag will cause any problems, at least as far as the microdata goes — see e.g. http://diveintohtml5.ep.io/extensibility.html#data-model, where <section> is used in the example.

Upvotes: 1

Related Questions