Microformats

hReview

<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>hReview</title>
<meta name="AUTHOR" content="Jose M Vidal"></meta>
<meta name="GENERATOR" content="xslides.el, written by J.M. Vidal"></meta>
<link rel="next" href="xfn.html" title="XFN"/>
<link rel="previous" href="hcalendar.html"  title="hCalendar"/>
<link rel="author" href="../../index.html" title="Jose M Vidal"/>
<link rel="parent" href="index.html" title="Index"/>
<link rel="top" href="../index.html" title="Presentation List"/>

<link rel="stylesheet" type="text/css" href="../xslides-medwhite.css" title="White" media="all" />
            <link rel="alternate stylesheet" type="text/css" href="../xslides-medblue.css" title="Blue" media="all" />
            <link rel="alternate stylesheet" type="text/css" href="../xslides-usc.css" title="USCTheme" media="all" />
<script type="text/javascript" src="../scripts/stylehelper.js"></script>
<script type="text/javascript" src="../scripts/jquery.js"></script>
<script type="text/javascript" src="../scripts/jquery-ui.js"></script>
<link rel="stylesheet" href="../lightbox.css" type="text/css" media="screen"/>
</head>
<body>
<div class="navbar">
<p>
<a onclick="javascript:this.href=getURL('hcalendar.html');return true;" rel="prev" href="hcalendar.html" accesskey="P" title="hCalendar">&larr;</a>
<a rel="index" href="index.html" onclick="javascript:this.href=getURL('index.html');return true;" accesskey="I" title="Index Page">^</a>
<a rel="next" href="xfn.html" onclick="javascript:this.href=getURL('xfn.html');return true;" accesskey="N" title="XFN">&rarr;</a>
</p>
</div>
<div class="talktitle"><p>Microformats</p></div>
<h1 class="slide">hReview</h1>
<div class="slidebody">
      <ul>
        <li>The <a class="remote" href="http://microformats.org/wiki/hreview">hReview</a> lets you embed product reviews. </li>
      </ul>
      <pre>
<span class="type">&lt;div class=</span><span class="string">"hreview"</span><span class="type">&gt;</span>
 <span class="type">&lt;span&gt;&lt;span class=</span><span class="string">"rating"</span><span class="type">&gt;</span>5<span class="type">&lt;/span&gt;</span> out of 5 stars<span class="type">&lt;/span&gt;</span>
 <span class="type">&lt;h4 class=</span><span class="string">"summary"</span><span class="type">&gt;</span><span class="html-helper-bold">Crepes on Cole is awesome</span><span class="type">&lt;/h4&gt;</span>
 <span class="type">&lt;span class=</span><span class="string">"reviewer vcard"</span><span class="type">&gt;</span>Reviewer: <span class="type">&lt;span class=</span><span class="string">"fn"</span><span class="type">&gt;</span>Tantek<span class="type">&lt;/span&gt;</span> - 
 <span class="type">&lt;abbr class=</span><span class="string">"dtreviewed"</span><span class="type"> title=</span><span class="string">"20050418T2300-0700"</span><span class="type">&gt;</span>April 18, 2005<span class="type">&lt;/abbr&gt;&lt;/span&gt;</span>
 <span class="type">&lt;div class=</span><span class="string">"description item vcard"</span><span class="type">&gt;&lt;p&gt;</span>
  <span class="type">&lt;span class=</span><span class="string">"fn org"</span><span class="type">&gt;</span>Crepes on Cole<span class="type">&lt;/span&gt;</span> is one of the best little 
  creperies in <span class="type">&lt;span class=</span><span class="string">"adr"</span><span class="type">&gt;&lt;span class=</span><span class="string">"locality"</span><span class="type">&gt;</span>San Francisco<span class="type">&lt;/span&gt;&lt;/span&gt;</span>.
  Excellent food and service. Plenty of tables in a variety of sizes 
  for parties large and small.  Window seating makes for excellent 
  people watching to/from the N-Judah which stops right outside.  
  I've had many fun social gatherings here, as well as gotten 
  plenty of work done thanks to neighborhood WiFi.
 <span class="type">&lt;/p&gt;&lt;/div&gt;</span>
 <span class="type">&lt;p&gt;</span>Visit date: <span class="type">&lt;span&gt;</span>April 2005<span class="type">&lt;/span&gt;&lt;/p&gt;</span>
 <span class="type">&lt;p&gt;</span>Food eaten: <span class="type">&lt;span&gt;</span>Florentine crepe<span class="type">&lt;/span&gt;&lt;/p&gt;</span>
<span class="type">&lt;/div&gt;</span>


<span class="type">&lt;div class=</span><span class="string">"hreview"</span><span class="type">&gt;&lt;span class=</span><span class="string">"item"</span><span class="type">&gt;</span>
 <span class="keyword">&lt;a class=</span><span class="string">"url fn"</span><span class="keyword"> href=</span><span class="string">"http://www.amazon.com/exec/obidos/ASIN/B000089CJI/"</span><span class="keyword">&gt;</span>
  <span class="html-helper-significant-tag">&lt;img src=</span><span class="string">"http://images.amazon.com/images/P/B000089CJI.01._SCTHUMBZZZ_.jpg"</span><span class="html-helper-significant-tag"> 
       alt=</span><span class="string">"Album cover photo: The Postal Service: Give Up. "</span><span class="html-helper-significant-tag"> 
       class=</span><span class="string">"photo"</span><span class="html-helper-significant-tag"> /&gt;</span>
  The Postal Service: Give Up<span class="keyword">&lt;/a&gt;</span><span class="type">&lt;/span&gt;</span>
 <span class="type">&lt;div class=</span><span class="string">"description"</span><span class="type">&gt;&lt;p&gt;</span>
    "The people thought they were just being rewarded for treating others 
     as they like to be treated, for obeying stop signs and curing diseases, 
     for mailing letters with the address of the sender... Don't wake me, 
     I plan on sleeping in..."
   <span class="type">&lt;/p&gt;&lt;p&gt;</span>
   "Nothing Better" is a great track on this album, too... 
 <span class="type">&lt;/p&gt;&lt;/div&gt;</span>
 (<span class="type">&lt;abbr class=</span><span class="string">"rating"</span><span class="type"> title=</span><span class="string">"5"</span><span class="type">&gt;</span>*****<span class="type">&lt;/abbr&gt;</span>)
 <span class="type">&lt;p class=</span><span class="string">"reviewer vcard"</span><span class="type">&gt;</span>Review by 
  <span class="keyword">&lt;a class=</span><span class="string">"url fn"</span><span class="keyword"> href=</span><span class="string">"http://ifindkarma.com/blog/"</span><span class="keyword">&gt;</span>Adam Rifkin<span class="keyword">&lt;/a&gt;</span>, 
  <span class="type">&lt;abbr class=</span><span class="string">"dtreviewed"</span><span class="type"> title=</span><span class="string">"200502"</span><span class="type">&gt;</span>February 2005<span class="type">&lt;/abbr&gt;</span>
 <span class="type">&lt;/p&gt;</span>
<span class="type">&lt;/div&gt;</span>
</pre>
    </div><hr class="bottom"/>
<p class="author"><a href="../../index.html">Jos&eacute; M. Vidal</a>
<a href=" http://validator.w3.org/check?uri=http://jmvidal.cse.sc.edu/talks/microformats/hreview.html">.</a></p>
<p class="pagenumber">4 of 9</p>
</body>
</html>

José M. Vidal .

4 of 9