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

Question

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?

DanBeale · Accepted Answer · 2011-10-07 19:25:58Z

1

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.

edited Oct 7, 2011 at 19:25

DanBeale

3104 silver badges15 bronze badges

answered Apr 25, 2011 at 10:14

Paul D. Waite

99.5k57 gold badges204 silver badges275 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Amit Erandole Over a year ago

I am using article because these are part of a series of entries. Hence, articles. What do you think?

Paul D. Waite Over a year ago

@Amit: sounds like correct use of the <article> tag to me, and using microdata on an article tag should (judging from the links above) be fine too.

Collectives™ on Stack Overflow

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

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related