Here’s another example of making the Web (and possibly search result listings) better through markup: business and product reviews.
This is a short review I wrote of my favorite pizza place near my house. (This is a real restaurant, by the way. If you’re ever in Apex, NC, I highly recommend it.) Let’s look at the original markup:
<article> <h1>Anna's Pizzeria</h1> <p>★★★★☆ (4 stars out of 5)</p> <p>New York-style pizza right in historic downtown Apex</p> <p> Food is top-notch. Atmosphere is just right for a "neighborhood pizza joint." The restaurant itself is a bit cramped; if you're overweight, you may have difficulty getting in and out of your seat and navigating between other tables. Used to give free garlic knots when you sat down; now they give you plain bread and you have to pay for the good stuff. Overall, it's a winner. </p> <p> 100 North Salem Street<br> Apex, NC 27502<br> USA </p> <p>— reviewed by Mark Pilgrim, last updated March 31, 2010</p> </article>
You can follow along online with the changes made throughout this section. Before: http://diveintohtml5.org/examples/review.html; after: http://diveintohtml5.org/examples/review-plus-microdata.html.
This review is contained in an
<article> element, so that’s where we’ll
itemscope attributes. Here’s the
namespace URL for this vocabulary:
<article itemscope itemtype="http://data-vocabulary.org/Review">
What are the available properties in the Review vocabulary? I’m glad you asked. They’re ...