Microformats Wiki - User contributions [en]

directions-examples

2010-07-29T10:49:28Z

Jheena789:

= directions examples =

Examples for a possible [[directions]] microformat.

Per the microformats [[process]], the first thing to do in the investigation/creation of a new microformat is to research existing examples of directions published on the Web.

__TOC__

== contributors ==

* JustinLilly
* TantekÇelik
* BretonSlivka
* KevinMarks
* AndyHume
* JeremyHuylebroeck
* RussNelson
*[[AndyMabbett|Andy Mabbett]]
==Examples==

Get examples from Google Maps, MSN Maps, Yahoo Maps, and note implicit schemas.

===Google Maps===

<pre>
Start address: 50 California St
San Francisco, CA 94111
End address: 10 Market St
San Francisco, CA 94111
Distance: 0.2 mi (about 24 secs)
Reverse directions

1. 1. Head east from California St - go 177 ft
2. 2. Turn right at Drumm St - go 149 ft
3. 3. Turn left at Market St - go 0.1 mi
</pre>

====source==== (via firefox's dom inspector)

<pre>
<table class="summary">
<tbody>
<tr onclick="openInfoWindow('start')" class="milestone">
<td class="name link">
<a onclick="this.blur()" href="javascript:void(0)">
Start address
</a>
:
</td>
<td class="value" id="panel_start">
50 California St
<br />
San Francisco, CA 94111
<br />
</td>
</tr>
<tr onclick="openInfoWindow('end')" class="milestone">
<td class="name">
<a onclick="this.blur()" href="javascript:void(0)">
End address
</a>
:
</td>
<td class="value" id="panel_end">
10 Market St
<br />
San Francisco, CA 94111
<br />
</td>
</tr>
<tr>
<td class="name">
Distance:
</td>
<td class="value">
0.2 mi (about 24 secs)
</td>
</tr>
</tbody>
</table>
<div class="reverse">
<a onclick="return loadUrl(this.href)" href="/maps?f=d&hl=en&sll=37.79449,-122.395015&sspn=0.048969,0.081711&saddr=10+market+st,+san+francisco&daddr=50+california+st,+san+francisco">
Reverse directions
</a>
</div>
<div class="printspacer noscreen">
 
</div>
<table class="steps">
<tbody>
<tr onclick="showPolylineBlowup('d', 0)">
<td class="num noprint">
<a href="javascript:void(0)">
1
</a>
.
</td>
<td class="num noscreen">
1.
</td>
<td id="panel_0" class="desc">
Head
<b>
east
</b>
from
<b>
California St
</b>
- go 
<b>
177 ft
</b>
</td>
</tr>
<tr onclick="showPolylineBlowup('d', 2)">
<td class="num noprint">
<a href="javascript:void(0)">
2
</a>
.
</td>
<td class="num noscreen">
2.
</td>
<td id="panel_2" class="desc">
Turn
<b>
right
</b>
at
<b>
Drumm St
</b>
- go 
<b>
149 ft
</b>
</td>
</tr>
<tr onclick="showPolylineBlowup('d', 4)">
<td class="num noprint">
<a href="javascript:void(0)">
3
</a>
.
</td>
<td class="num noscreen">
3.
</td>
<td id="panel_4" class="desc">
Turn
<b>
left
</b>
at
<b>
Market St
</b>
- go 
<b>
0.1 mi
</b>
</td>
</tr>
</tbody>
</table>

</pre>

====Google Maps route to GPX convertor====
[http://www.gnuite.com/nokia770/maemo-mapper Maemo-mapper] runs on the Nokia 770. It supports use with a bluetooth GPS receiver. It reformats Google Maps directions into a GPX file, and will display that route and announce turns as you approach them.

===MSN maps===

<pre>
Start: 1600 Pennsylvania Ave NW, Washington, DC 20006
End: 15th St NW & Constitution Ave NW, Washington, DC 20004
Total Distance: 0.6 Miles
Estimated Total Time: 4 minutes
Directions Miles
Start: Depart 1600 Pennsylvania Ave NW, Washington, DC 20006 on Local road(s) (East) < 0.1
1: Turn RIGHT (South) onto E Executive Ave NW 0.2
2: Turn LEFT (East) onto Alexander Hamilton Pl NW, then immediately turn RIGHT (South) onto 15th St NW 0.4

Map Image
End: Arrive 15th St NW & Constitution Ave NW, Washington, DC 20004
</pre>

====Source====

<pre>
<table class="NoBorder" border="0" width="100%">
<tr>
<td class="RTText">
<span class="RouteTableStartText">
Start:
</span>
Depart 1600 Pennsylvania Ave NW, Washington, DC 20006 on Local road(s) (East)
</td>
<td class="RTText" align="Right" width="40">
< 0.1
</td>
</tr>
<tr>
<td class="RTText">
<b>
1:
</b>
Turn RIGHT (South) onto E Executive Ave NW
</td>
<td class="RTText" align="Right" width="40">
0.2
</td>
</tr>
<tr>
<td class="RTText">
<b>
2:
</b>
Turn LEFT (East) onto Alexander Hamilton Pl NW, then immediately turn RIGHT (South) onto 15th St NW
</td>
<td class="RTText" align="Right" width="40">
0.4
</td>
</tr>
</table>
</td>
<td class="RTRow" align="Right" valign="Top" height="10">
 
</td>
</tr>
<tr>
<td class="RTRow">
 
<img style="border-color:#C7BCA2;" alt="Map Image" src="/I/spacer.gif" width="0" height="0" border="0" name="MapImg1">
</td>
</tr>
<tr>
<td class="RTRowDark" valign="Top" colspan="2" rowspan="2">
<table class="NoBorder" border="0" width="100%">
<tr>
<td class="RTText">
<span class="RouteTableEndText">
End:
</span>
Arrive 15th St NW & Constitution Ave NW, Washington, DC 20004
</td>
<td class="RTText" width="40">
 
</td>
</tr>
</table>
</pre>

=== Yahoo Maps ===

<pre>
Starting from: A 50 California St, San Francisco, CA, 94111-4624 Save Address
Arriving At: B 10 Market St, San Francisco, CA, 94111-4801 Save Address
Distance: 0.2 miles Approximate time: 1 min Get Reverse Directions

Map Image

Directions Show turn by turn maps
1. Start at 50 CALIFORNIA ST, SAN FRANCISCO - go < 0.1 mi
2. Turn R on DRUMM ST - go < 0.1 mi
3. Turn L on MARKET ST - go 0.1 mi
4. Arrive at 10 MARKET ST, SAN FRANCISCO, on the L
</pre>

==== Source ====

<pre>
<table border=0 cellspacing=0 cellpadding=2 id="ymaprt">
<tr>
<th align=right valign=top width="1%" nowrap class="ymaprtpts"><small><b>Starting from:</b></small></th>
<td colspan=4><img src="http://us.i1.yimg.com/us.yimg.com/i/us/mp/gr/mp16_a.gif" height=16 width=16 alt="1 "> 50 California St, San Francisco, CA 94111-4624
<small><a href="http://us.rd.yahoo.com/maps/ddresult/save_from;_ylt=AoqfcLOH0rfreiqhx67WzrQa3kcC/*-http://login.yahoo.com/config/set_yp?.src=mp&.page=p1&.cmd=n&.yn=&.st=50 California St&.zip=San Francisco, CA 94111-4624&.country=US&.done=http://maps.yahoo.com/dd_result?newaddr%3D50%2BCalifornia%2BSt%26taddr%3D10%2BMarket%2BSt%26csz%3DSan%2BFrancisco%252C%2BCA%2B94111%26country%3Dus%26tcsz%3DSan%2BFrancisco%252C%2BCA%2B94111%26tcountry%3Dus">Save Address</a></small></tr>
<tr>
<th align=right valign=top class="ymaprtpts"><small><b>Arriving at:</b></small></th>
<td colspan=4><img src="http://us.i1.yimg.com/us.yimg.com/i/us/mp/gr/mp16_b.gif" height=16 width=16 alt="2 "> 10 Market St, San Francisco, CA 94111-4801
<small><a href="http://us.rd.yahoo.com/maps/ddresult/save_to;_ylt=AiWgw9KytDi4XuzF4YWGFz0a3kcC/*-http://login.yahoo.com/config/set_yp?.src=mp&.page=p1&.cmd=n&.yn=&.st=10 Market St&.zip=San Francisco, CA 94111-4801&.country=US&.done=http://maps.yahoo.com/dd_result?newaddr%3D50%2BCalifornia%2BSt%26taddr%3D10%2BMarket%2BSt%26csz%3DSan%2BFrancisco%252C%2BCA%2B94111%26country%3Dus%26tcsz%3DSan%2BFrancisco%252C%2BCA%2B94111%26tcountry%3Dus">Save Address</a></small></tr>

<tr>
<th align=right class="ymaprtpts"><small><b>Distance:</b></small></th>
<td width="1%" nowrap>0.2 miles</td>
<th align=right width="1%" nowrap class="ymaprtpts"><small><b>Approximate Travel Time:</b></small></th>
<td>
1 min
</td>
<td align=right valign=bottom width="1%" nowrap>
<a href="http://us.rd.yahoo.com/maps/ddresult/reverseDD;_ylt=ArvjuCZ_I5Gc4JyrHRFQIaEa3kcC/*-http://maps.yahoo.com/dd_result?ed=_YaYzuV.winqVL64AzOmYypNBUy1fFVhwugBQs_Pogbl1WImEFx_H1JxBITyDts-&name=&csz=San+Francisco%2C+CA+94111-4801&country=US&desc=&tname=&tcsz=San+Francisco%2C+CA+94111-4624&tcountry=US&tdesc=&ds=g&tbt=0&trf=0&textonly=0&oerr=&terr=">
<small class="ygver">Get Reverse Directions</small>
</a>
</td>

</tr>
</table>

Links for sending the directions
MAP IMAGE

<div id="ymapdir">

<table width="100%" border=0 cellspacing=0 cellpadding=0 align=center><tr><th align=left><b class="ygver">Directions</b></th><th align=right><small><b>
<a href="http://us.rd.yahoo.com/maps/ddresult/tbt_on;_ylt=AtcdCayUHXlA8L0yvev28Jwa3kcC/*-http://maps.yahoo.com/dd_result?newaddr=50+California+St&taddr=10+Market+St&csz=San+Francisco%2C+CA+94111&country=us&tcsz=San+Francisco%2C+CA+94111&tcountry=us&tbt=1">Show Turn by Turn Maps</a></b></small></th></tr>
</table>
<table width="100%" border=0 cellspacing=0 cellpadding=0 align=center>
<tr><td>1.</td><td>Start at <b>50</b> <b>CALIFORNIA</b> <b>ST,</b> <b>SAN</b> <b>FRANCISCO</b> - go <b>< 0.1</b> mi</td></tr><tr><td>2.</td><td>Turn <img src="http://us.i1.yimg.com/us.yimg.com/i/us/mp/gr/mp22_r.gif" alt=Right align=absmiddle> on <b>DRUMM</b> <b>ST</b> - go <b>< 0.1</b> mi</td></tr><tr><td>3.</td><td>Turn <img src="http://us.i1.yimg.com/us.yimg.com/i/us/mp/gr/mp22_l.gif" alt=Left align=absmiddle> on <b>MARKET</b> <b>ST</b> - go <b>0.1</b> mi</td></tr><tr><td>4.</td><td>Arrive at <b>10</b> <b>MARKET</b> <b>ST,</b> <b>SAN</b> <b>FRANCISCO,</b> on the <img src="http://us.i1.yimg.com/us.yimg.com/i/us/mp/gr/mp22_l.gif" alt=Left align=absmiddle> </td></tr></table>

</div>
</pre>

===Yahoo Maps (Beta)===

<pre>
V GET MAP AND DIRECTIONS Clear

A 50 California St San Francisco, CA 94111 [x]
[] Make this my default Yahoo! location
1. Start at 50 CALIFORNIA ST, SAN FRANCISCO - go 0.0 mi
2. Turn Right on DRUMM ST - go 0.0 mi
3. Turn Left on MARKET ST - go 0.1 mi
4. Arrive at 10 MARKET ST, SAN FRANCISCO, on the Left

B 10 Market St San Francisco, CA 94111 [x]
C Address, City State [x]

Distance 0.2 mi Time: 1 mins (approx)
Reverse Directions | Roundtrip GO
</pre>

====Source====

Its all based on flash, and thus is not applicable.

===Multimap===

Multimap provides explicit start and finish times for the overall route, as well as individual timings for each step. There is also notification of specific toll roads or areas, such as the London congestion charge. [http://www.multimap.com/map/aproute.cgi?client=public&startx=531160&starty=181635&endx=531422&endy=181181&startrd=&starttown=&startpc=EC1N%202NS&startcountry=GB&endrd=Fleet%20Street&endtown=LONDON&endpc=EC4&endcountry=GB&rn=GB&qs=q&starttime=20:17&input_rt=aproute_pan&lang= Routing results page]

<pre>
Estimated duration:
0 hours, 1 minutes
Departure time:
20:17
Estimated arrival time:
20:18
Total distance:
0.6 miles (0.9 km)
Number of steps:
4

1 Depart on A40 High Holburn for 0.2 miles Map 0 miles (0 km) 20:17
2 At the roundabout, take the fifth exit onto A4 New Fetter Lane for 0.3 miles Map 0.2 miles (0.3 km) 20:17
3 Turn left onto Fleet Street for 0.1 miles Map 0.5 miles (0.8 km) 20:18
4 Arrive at your destination for 0 miles Map 0.6 miles (0.9 km) 20:18
</pre>

====Source====

<pre>
<dl>
<dt>Estimated duration:</dt>
<dd>0 hours, 1 minutes</dd>

<dt>Departure time:</dt>
<dd>20:17</dd>

<dt>Estimated arrival time:</dt>
<dd>20:18</dd>

<dt>Total distance:</dt>
<dd>
0.6 miles (0.9 km)
</dd>

<dt>Number of steps:</dt>
<dd>4</dd>
</dl>

<table>
<tr>
<th colspan="4">Instruction</th>
<th>Distance so far</th>
<th>Time</th>
</tr>

<tr><td colspan="7"><p style="text-align: center; font-weight: bold">You are entering the <a href="http://ad.uk.doubleclick.net/clk;9602607;9705200;e?http://www.cclondon.com">congestion charging zone</a>.<br />Applies Monday to Friday - 7am to 6.30pm.</p></td></tr>
<tr style="background-color: #ffecec">

<td>1</td>
<td>Depart on <strong>A40 High Holburn</strong></td>
<td>for <strong>0.2 miles</strong></td>
<td><a href="/map/aproute.cgi?qs=q&starttime=20:17&client=public&itineraryxylist=531160,181635;531422,181181&rn=GB&mapimg=step&stepbystep=1&lang=&startcountry=GB&endcountry=GB&startrd=&starttown=&startpc=EC1N 2NS&endrd=Fleet Street&endtown=LONDON&endpc=EC4&input_rt=aproute_pan" title="View map of this step">Map</a></td>
<td>0 miles (0 km)</td>
<td>20:17</td>
</tr>

<tr style="background-color: #fcc">
<td><a href="http://ad.uk.doubleclick.net/clk;9602607;9705200;e?http://www.cclondon.com" target="_blank"><img src="/images/ps/cc_logo.gif" border="0" alt="" /></a> 2</td>
<td>At the roundabout, take the fifth exit onto <strong>A4 New Fetter Lane</strong></td>
<td>for <strong>0.3 miles</strong></td>
<td><a href="/map/aproute.cgi?qs=q&starttime=20:17&client=public&itineraryxylist=531160,181635;531422,181181&rn=GB&mapimg=step&stepbystep=2&lang=&startcountry=GB&endcountry=GB&startrd=&starttown=&startpc=EC1N 2NS&endrd=Fleet Street&endtown=LONDON&endpc=EC4&input_rt=aproute_pan" title="View map of this step">Map</a></td>
<td>0.2 miles (0.3 km)</td>
<td>20:17</td>
</tr>

<tr style="background-color: #fcc">
<td><a href="http://ad.uk.doubleclick.net/clk;9602607;9705200;e?http://www.cclondon.com" target="_blank"><img src="/images/ps/cc_logo.gif" border="0" alt="" /></a> 3</td>
<td>Turn left onto <strong> Fleet Street</strong></td>
<td>for <strong>0.1 miles</strong></td>
<td><a href="/map/aproute.cgi?qs=q&starttime=20:17&client=public&itineraryxylist=531160,181635;531422,181181&rn=GB&mapimg=step&stepbystep=3&lang=&startcountry=GB&endcountry=GB&startrd=&starttown=&startpc=EC1N 2NS&endrd=Fleet Street&endtown=LONDON&endpc=EC4&input_rt=aproute_pan" title="View map of this step">Map</a></td>
<td>0.5 miles (0.8 km)</td>
<td>20:18</td>
</tr>

<tr style="background-color: #fcc">
<td><a href="http://ad.uk.doubleclick.net/clk;9602607;9705200;e?http://www.cclondon.com" target="_blank"><img src="/images/ps/cc_logo.gif" border="0" alt="" /></a> 4</td>
<td>Arrive at your destination <strong> </strong></td>
<td>for <strong>0 miles</strong></td>
<td><a href="/map/aproute.cgi?qs=q&starttime=20:17&client=public&itineraryxylist=531160,181635;531422,181181&rn=GB&mapimg=step&stepbystep=4&lang=&startcountry=GB&endcountry=GB&startrd=&starttown=&startpc=EC1N 2NS&endrd=Fleet Street&endtown=LONDON&endpc=EC4&input_rt=aproute_pan" title="View map of this step">Map</a></td>
<td>0.6 miles (0.9 km)</td>
<td>20:18</td>
</tr>
</table>
</pre>

===MapQuest===

<pre>
50 California St
San Francisco, CA 94111-4624, US Revise | New Directions

10 Market St
San Francisco, CA 94111-4801, US Revise | New Directions
Total Est. Time: 1 minute
Total Est. Distance: 0.18 miles
</pre>

<pre>
1: Start out going EAST on CALIFORNIA ST toward DRUMM ST. <0.1 miles Map
2: Turn RIGHT onto DRUMM ST. <0.1 miles Map
3: Turn SHARP LEFT onto MARKET ST. 0.1 miles Map
4: End at 10 Market St
San Francisco, CA 94111-4801, US Map
</pre>
Note: mapquest adds icons indiciating parts of a journey such as "Start" "left turn" "right turn" "end"

====Source====
<pre>
<div id="dirsummary" class="clear">
<div class="startend">
<div class="content clear">
<div id="mqaddress-start" class="addresssummary">
<div class="clear">
<img border="0" src="http://cdn.mapquest.com/mqsite/icon-dirs-start" width="32" height="17" alt="Start"/>
<p><span><b>50 California St</b><br />San Francisco, CA 94111-4624, US
</span><span class="screen"><a href="/directions/main.adp?do=nw&mo=ma&2si=navt&1gi=0&un=m&go=1&2gi=0&1a=50%20California%20St&1c=San%20Francisco&1g=F1vA%2bNzyt4iAl71AiHbU5Q%3d%3d&2a=10%20Market%20St&1l=rBXkKYPKi%2fM%3d&2c=San%20Francisco&1da=%2d1%2e000000&1rc=L1AAA&cl=EN&1n=SAN%20FRANCISCO%20COUNTY&2g=JF%2b%2bgQaqpCu8wB4zmqR0%2fw%3d%3d&qq=1ADqpk24ofCeTxpK%252f79e%252bAyK24xaIMHf9X7JhECKvl9XAwoRYTHRtvNigziQm6uUEJQ0Coge%252fbzANwMyr2Kx4bZM16XzMowN3yTnj0KzTJX6DCnZ3c11pDhSyQOR8KfFjA8LEPiDh414NP9IaMYlgrzYY1zx0jwDqifr862AG3q4kaKoc7v5cVDy4fxS94F1&1s=CA&2l=mK%2fUgh11ReQ%3d&ct=NA&1v=ADDRESS&2n=SAN%20FRANCISCO%20COUNTY&r=f&1y=US&1z=94111%2d4624&1si=navt&2s=CA&2da=%2d1%2e000000&2rc=L1AAA&2v=ADDRESS&did=1143928014&2y=US&2z=94111%2d4801&rsres=1&1sb=revise">Revise</a> | <a href="/directions/main.adp?do=nw">New Directions</a></span>
</p>
</div>
</div>
<div id="mqaddress-end" class="addresssummary end">
<div class="clear">
<img border="0" src="http://cdn.mapquest.com/mqsite/icon-dirs-end" width="32" height="17" alt="End"/>
<p><span><b>10 Market St</b><br />San Francisco, CA 94111-4801, US
</span><span class="screen"><a href="/directions/main.adp?do=nw&mo=ma&2si=navt&1gi=0&un=m&go=1&2gi=0&1a=50%20California%20St&1c=San%20Francisco&1g=F1vA%2bNzyt4iAl71AiHbU5Q%3d%3d&2a=10%20Market%20St&1l=rBXkKYPKi%2fM%3d&2c=San%20Francisco&1da=%2d1%2e000000&1rc=L1AAA&cl=EN&1n=SAN%20FRANCISCO%20COUNTY&2g=JF%2b%2bgQaqpCu8wB4zmqR0%2fw%3d%3d&qq=1ADqpk24ofCeTxpK%252f79e%252bAyK24xaIMHf9X7JhECKvl9XAwoRYTHRtvNigziQm6uUEJQ0Coge%252fbzANwMyr2Kx4bZM16XzMowN3yTnj0KzTJX6DCnZ3c11pDhSyQOR8KfFjA8LEPiDh414NP9IaMYlgrzYY1zx0jwDqifr862AG3q4kaKoc7v5cVDy4fxS94F1&1s=CA&2l=mK%2fUgh11ReQ%3d&ct=NA&1v=ADDRESS&2n=SAN%20FRANCISCO%20COUNTY&r=f&1y=US&1z=94111%2d4624&1si=navt&2s=CA&2da=%2d1%2e000000&2rc=L1AAA&2v=ADDRESS&did=1143928014&2y=US&2z=94111%2d4801&rsres=1&2sb=revise">Revise</a> | <a href="/directions/main.adp?do=nw">New Directions</a></span>
</p>
</div>
</div>
</div>
<div class="timedist clear">
<div class="time">
<p><b>Total Est. Time:</b> <span> 1 minute</span></p>
</div>
<div class="dist">
<p><b>Total Est. Distance:</b> <span>0.18 miles</span></p>
</div>
</div>
</div>
</pre>

<pre>
<table border="0" cellpadding="0" cellspacing="0" id="maneuvers">

<thead class="bga">
<tr>
<th colspan=3><b>Maneuvers</b></th>
<th class="textr">Distance</th>
<th class="textc"> Maps  </th>
</tr>
</thead>
<tbody>

<tr >

<td class="rs"><img border="0" src="http://cdn.mapquest.com/mqsite/icon-dirs-start" width="32" height="17"/></td>

<td class="num">1:</td>
<td>Start out going EAST on CALIFORNIA ST toward DRUMM ST.</td>
<td class="nowrap"><0.1 miles</td>

<td class="textc"><a name=ManAnchor0 href="javascript:showManMap('0','http://mq-mapgend.websys.aol.com:80/mqmapgend?MQMapGenRequest=FDR2dmwjDE%3byt2q%26FDT7w%7clztwly%24%2e90axhyz%3a%26%40%24%3a%26%40t5g6%245h6%24lu4%24HJQD%11T%26FDBBD%7clztwl4%24%2e90axhy1%3a%26%40%24%3a%26%40%24w9f2%3a%2aE%14QXO%2ax0z1xg%40%5fn10bwga%24%3a%26%40%24%3a%26%40z21%40%3aHO%1593bdWik1mf%3bNSC%12JDBJ%40ba0fbs%26%3d2l1a10h%402%3ag');">Map</a></td>
</tr>

<tr >
<td class="manmap" colspan=5 id="mmaprow0"><img id=mmIMG0 name=mmIMG0 style=display:none src=http://cdn.mapquest.com/mq/space_white height=0 width=0></img></td>
</tr>

<tr class="bgc">

<td class="rs"><img border="0" src="http://cdn.mapquest.com/mqsite/rs_right" width="32" height="32"/></td>

<td class="num">2:</td>
<td>Turn RIGHT onto DRUMM ST.</td>
<td class="nowrap"><0.1 miles</td>

<td class="textc"><a name=ManAnchor1 href="javascript:showManMap('1','http://mq-mapgend.websys.aol.com:80/mqmapgend?MQMapGenRequest=FDR2dmwjDE%3Byt2q%26FDT7w%7Clztwlw%24.90axhyb%3A%26%40%24%3A%26%40t5g6%245h6%24lu4%24HJQD%11T%26FDBBD%7Clztwly%24.90axhyb%3A%26%40%24%3A%26%40%240u0%24%3DTPWIK%2Cba0fbl%26%3D2l1a10l%40%24%3A%26%40%24%3A%26y7x%26%26FDEmvqjHqjwjg%7C%14D%13%13%17OHM%26atahaz%3A%29uallfzx%26%3Dr%3Au');">Map</a></td>
</tr>

<tr class="bgc">
<td class="manmap" colspan=5 id="mmaprow1"><img id=mmIMG1 name=mmIMG1 style=display:none src=http://cdn.mapquest.com/mq/space_white height=0 width=0></img></td>
</tr>

<tr >

<td class="rs"><img border="0" src="http://cdn.mapquest.com/mqsite/rs_sharp_left " width="32" height="32"/></td>

<td class="num">3:</td>
<td>Turn SHARP LEFT onto MARKET ST.</td>
<td class="nowrap">0.1 miles</td>

<td class="textc"><a name=ManAnchor2 href="javascript:showManMap('2','http://mq-mapgend.websys.aol.com:80/mqmapgend?MQMapGenRequest=FDR2dmwjDE%3byt2q%26FDT7w%7clztwlr%24%2e90axh4z%3a%26%40%24%3a%26%40t5g6%245h6%24lu4%24HJQD%11T%26FDBBD%7clztwl0%24%2e90axhyb%3a%26%40%24%3a%26%40%240ua%24%3dTPGp2hsQxolve%2cCMN%17MJAD%24x0z1x1%40%5fn10bwga%24s%26y%24a%26f%3aHOHQJ%3batahwr%3a%29uallfrg%26%40%24%3a%26%40%24%3ahu1l%26');">Map</a></td>
</tr>

<tr >
<td class="manmap" colspan=5 id="mmaprow2"><img id=mmIMG2 name=mmIMG2 style=display:none src=http://cdn.mapquest.com/mq/space_white height=0 width=0></img></td>
</tr>

<tr class="bgc">

<td class="rs"><img border="0" src="http://cdn.mapquest.com/mqsite/icon-dirs-end" width="32" height="17"/></td>

<td class="num">4:</td>
<td colspan="2">End at
<b>10 Market St</b><br />San Francisco, CA 94111-4801, US

</td>

<td class="textc"><a name=ManAnchor3 href="javascript:showManMap('3','http://mq-mapgend.websys.aol.com:80/mqmapgend?MQMapGenRequest=FDR2dmwjDE%3byt2q%26FDT7w%7clztwqw%24%2e90axhwy%3a%26%40%24%3a%26%40t5g6%245h6%24lu4%24HJQD%11T%26FDBBD%7clztwl0%24%2e90axhyb%3a%26%40%24%3a%26%40%240ua%24%3dTPGp2hsQxolve%2cCMN%17MJAD%24x0z1x1%40%5fn10bwga%24s%26y%24a%26f%3aHOHQJ%3batahwr%3a%29uallfrg%26%40%24%3a%26%40%24%3ahu1l%26');">Map</a></td>
</tr>
<tr class="bgc">
<td class="manmap" colspan=5 id="mmaprow3"><img id=mmIMG3 name=mmIMG3 style={display:none} src=http://cdn.mapquest.com/mq/space_white height=0 width=0></img></td>
</tr>

<tr >
<td colspan="5" class="totals"><b>Total Est. Time:</b> 1 minute     <b>Total Est. Distance:</b> 0.18 miles </td>
</tr>

</tbody>
</table>
</pre>

===Bus Trip Planners===

Trip planners exhibit many similar characteristics to Directions services. Here are some examples.

====transit.511.org====

<pre>
Trip Itinerary for Monday, leaving at 2:00pm.

Muni buses and F-line: Always ask for a transfer, even if you are not going to transfer to another line.

Depart: California St/park Presidio in San Francisco

Then:
Go to: S.W. Corner Of Geary Blvd & Park Presidio Blvd (Location map)

Board: SF Muni Bus #38l/Geary Ltd at 2:05 pm (next bus at 2:12 pm) (schedule detail)

Important! Important Announcements About This Route What is Important Announcement?

Fare: Pay $1.50

Get Off: Transbay Hump & La Playa St at 2:34 pm

Go to: 10 Market St. in San Francisco (Location map)

Total Travel Time: 40 min

Total Cash Fare: $1.50
</pre>

====source====

<pre>

<strong>Trip Itinerary for Monday, leaving at 2:00pm.</strong><br>

<br>

<table width="100%" border="0" cellpadding="4" cellspacing="0" bgcolor="#FFE3FF">

<tr valign="top">
<td width="100%">
<a href="http://www.sfmuni.com/pop" title="Muni buses and F-line: <b>Always ask for a transfer,</b> even if you are not going to transfer to another line.">Muni buses and F-line: <b>Always ask for a transfer,</b> even if you are not going to transfer to another line.</a>
</td>
</tr>

</table>
<br>

<table width="100%" border="0" cellpadding="4" cellspacing="0" bgcolor="#DCF3FF">
<tr valign="top">
<th><font color="#006699">Depart:</font></th>
<td width="100%">
California St/park Presidio in San Francisco
</td>

</tr>
</table>

<br><table width="100%" border="0" cellpadding="4" cellspacing="0" bgcolor="#DCF3FF">
<tr valign="top">
<th><font color="#006699">Then:</font></th>
<td><table width="100%" border="0" cellspacing="0" cellpadding="1">
<tr valign="top">
<th>Go to:</th>

<td>S.W. Corner Of Geary Blvd & Park Presidio Blvd (<a href="walkingmap.asp?al=California+St%2Fpark+Presidio+%28starting+location%29&ax=-15800&ay=-257&bl=Geary+Blvd+%26+Park+Presidio+Blvd&bx=-15799&by=-322" title="Location Map">Location map</a>)<br><br></td>
</tr>

<tr valign="top">
<th>Board:</th>
<td>
<a href="/providers/providerinfo.asp?cid=SF" title="Provider Info">SF Muni</a> Bus #38l/Geary Ltd at 2:05 pm (next bus at 2:12 pm)
(<a href="scheddetail.asp?scln=Sf+Muni+Bus+%2338l%2FGeary+Ltd&scrn=38L&scal=Geary+Blvd+%26+Park+Presidio+Blvd&scac=SW&scax=%2D15799&scay=%2D322&scar=1268&scas=17&scat=845&scbl=Transbay+Hump+%26+La+Playa+St&scbx=%2D14801&scby=%2D163&scbr=1268&scbs=34&scdy=2&sctm=L&fs=CALIFORNIA+ST%2FPARK+PRESIDIO&fc=SAN+FRANCISCO&fz=&ts=10+Market+St%2E&tc=San+Francisco&tz=&prfa=%2D15800%2C%2D257%2CCALIFORNIA+ST%2FPARK+PRESIDIO%2CSAN+FRANCISCO%2C&prta=%2D14781%2C%2D92%2C10+Market+St%2E%2CSan+Francisco%2C&td=2&tm=L&t1=2:00PM&t2=2:00PM&am1=PM&op=F&of=R&ow=120&sn=&rs=_&fx=-15800&fy=-257&fxy=%2D15800%2C%2D257%2CCALIFORNIA+ST%2FPARK+PRESIDIO%2C+SAN+FRANCISCO&tx=-14781&ty=-92" title="Schedule Detail">schedule detail</a>)

<br><br>

<img src="/images/warning.gif" alt="Important!" width="16" height="15">
<a href="/announcements/results.asp?rte=5616" title="Important Announcements About This Route">Important Announcements</a> About This Route
<a href="/utils/help.asp#annimpwhatis" title="What is Important Announcement?"><img src="/images/help.gif" alt="What is Important Announcement?" width="12" height="12" border="0"></a>
<br><br>

</td>
</tr>
<tr valign="top">
<th>Fare:</th>

<td>Pay $1.50<br><br></td>
</tr>
<tr valign="top">
<th>Get Off:</th>
<td>Transbay Hump & La Playa St at 2:34 pm</td>
</tr>
</table>

</pre>

====rtd-denver.com====

<pre>
From: W ALAMEDA AVE & S BROADWAY DENVER
To: E COLFAX AVE & PEARL ST DENVER
Arriving At: 500P
Best Itinerary
Go to Bus Stop At: S Lincoln St & Alameda Ave, DENVER
Get On Bus: #0 / 0 BROADWAY STN 0 DOWNTOWN at 4:37PM (Next Bus At 4:47PM)
Get Off the Bus At: Colfax Ave & Broadway, DENVER at 4:49PM

Go to Bus Stop At: Colfax Ave & Broadway, DENVER
Get On Bus: #15 / 15 CHAMBERS 15 via E COLFAX at 4:59PM (Next Bus At 5:07PM)
Get Off the Bus At: Colfax Ave & Sherman St, DENVER at 5:00PM

Travel Time : 23 minutes

Alternate Itinerary
Go to Bus Stop At: S Lincoln St & Alameda Ave, DENVER
Get On Bus: #0 / 0 DOWNTOWN 0 VIA BROADWAY at 4:32PM (Next Bus At 4:37PM)
Get Off the Bus At: Colfax Ave & Broadway, DENVER at 4:44PM

Go to Bus Stop At: Colfax Ave & Broadway, DENVER
Get On Bus: #15L / 15L AURORA MALL 15L E COLFAX at 4:51PM (Next Bus At 4:59PM)
Get Off the Bus At: Colfax Ave & Sherman St, DENVER at 4:53PM

Travel Time : 21 minutes

Alternate Itinerary
Go to Bus Stop At: S Lincoln St & Alameda Ave, DENVER
Get On Bus: #0 / 0 DOWNTOWN 0 VIA BROADWAY at 4:32PM (Next Bus At 4:37PM)
Get Off the Bus At: Colfax Ave & Broadway, DENVER at 4:44PM

Go to Bus Stop At: Colfax Ave & Broadway, DENVER
Get On Bus: #15 / 15 KRAMARIA 15 via E COLFAX at 4:52PM (Next Bus At 4:59PM)
Get Off the Bus At: Colfax Ave & Pearl St, DENVER at 4:55PM

Travel Time : 23 minutes

The Trip Planner is to be used as a guide to help plan bus itineraries.
You should always check bus schedules to verify route pickup times
and drop off times as well as any detours.
</pre>

====source====
(presentational markup removed for clarity; note unescaped ampersands and abuse of "br" tags)

<pre>
<table>
<tr>
<td>
From: W ALAMEDA AVE & S BROADWAY DENVER
<br>
To: E COLFAX AVE & PEARL ST DENVER
<br>
Arriving At: 500P
</td>
</tr>
<br>
<tr>
<td>
Best Itinerary
</td>
</tr>
<tr>
<td>
Go to Bus Stop At: S Lincoln St & Alameda Ave, DENVER
<br>
Get On Bus: #0 / 0 BROADWAY STN 0 DOWNTOWN at 4:37PM (Next Bus At 4:47PM)
<br>
Get Off the Bus At: Colfax Ave & Broadway, DENVER at 4:49PM
<br>
<br>
Go to Bus Stop At: Colfax Ave & Broadway, DENVER
<br>
Get On Bus: #15 / 15 CHAMBERS 15 via E COLFAX at 4:59PM (Next Bus At 5:07PM)
<br>
Get Off the Bus At: Colfax Ave & Sherman St, DENVER at 5:00PM
<br>
<br>
Travel Time : 23 minutes
<br>
<br>

</td>
</tr>
<tr>
<td>
Alternate Itinerary
</td>
</tr>
<tr>
<td>
Go to Bus Stop At: S Lincoln St & Alameda Ave, DENVER
<br>
Get On Bus: #0 / 0 DOWNTOWN 0 VIA BROADWAY at 4:32PM (Next Bus At 4:37PM)
<br>
Get Off the Bus At: Colfax Ave & Broadway, DENVER at 4:44PM
<br>
<br>
Go to Bus Stop At: Colfax Ave & Broadway, DENVER
<br>
Get On Bus: #15L / 15L AURORA MALL 15L E COLFAX at 4:51PM (Next Bus At 4:59PM)
<br>
Get Off the Bus At: Colfax Ave & Sherman St, DENVER at 4:53PM
<br>
<br>
Travel Time : 21 minutes
<br>
<br>

</td>
</tr>
<tr>
<td>
Alternate Itinerary
</td>
</tr>
<tr>
<td>
Go to Bus Stop At: S Lincoln St & Alameda Ave, DENVER
<br>
Get On Bus: #0 / 0 DOWNTOWN 0 VIA BROADWAY at 4:32PM (Next Bus At 4:37PM)
<br>
Get Off the Bus At: Colfax Ave & Broadway, DENVER at 4:44PM
<br>
<br>
Go to Bus Stop At: Colfax Ave & Broadway, DENVER
<br>
Get On Bus: #15 / 15 KRAMARIA 15 via E COLFAX at 4:52PM (Next Bus At 4:59PM)
<br>
Get Off the Bus At: Colfax Ave & Pearl St, DENVER at 4:55PM
<br>
<br>
Travel Time : 23 minutes
<br>
<br>

</td>
</tr>
<tr>
<td>
The Trip Planner is to be used as a guide to help plan bus itineraries.
<br>
You should always check bus schedules to verify route pickup times
<br>
and drop off times as well as any detours.
</td>
</tr>
</table>
</pre>

===GPX Planners===
[http://www.gnuite.com/nokia770/maemo-mapper Maemo-mapper] runs on the Nokia 770. It supports use with a bluetooth GPS receiver. It reformats Google Maps directions into a GPX file, and will display that route and announce turns as you approach them.

=== hand authored bike routes ===
May at [http://www.tikirobot.net/wp/category/cycling/ TikiRobot!] has been marking up her cycling routes. She uses photographs of landmarks, a map image, and a textual description, or textual directions. There is no implied schema, but would be a good candidate for adding address or geo info.

RussNelson at [http://russnelson.com/bicycling/ his blog] has been documenting his bike rides. A Garmin Foretrex 201 records the route, gpsbabel downloads it to his Linux desktop, maptracks.py uses Terraserver topo tiles to create a map from the track, and create-rides.py creates the structure of a blog entry using tracklength.py to calculate speed and distance. Photos get geolocated from the track, but only on demand. The resultant blog entry has a map which links to a Google Maps mashup displaying the track.

=== hand authored flight record ===
Jeremy Zawodny has [http://jeremy.zawodny.com/blog/archives/006655.html has narrated flights] He uses photographs of landmarks, a map image, and a textual description, with links to landmarks. There is no implied schema, but would be a good candidate for adding address or geo info.

=== Year in Flights ===

The [http://gc.kls2.com/faq.html great circle mapper] seems to inspire people to document
their trips a year at a time:

* [http://www.flickr.com/photos/ishida/323392479/ r12a in 2006: 140,718 km]
* [http://norman.walsh.name/2006/12/31/2006 ndw in 2006: 31,844 miles in 130 flights]

=== Directions to an office ===
====Microsoft in San Francisco====
http://www.microsoft.com/mscorp/info/usaoffices/northernca/sanfrancisco.mspx
<pre>
From the North Bay
Take US-101S over the Golden Gate Bridge to San Francisco. Exit right toward Lombard
Street/Downtown. Follow the street as it curves, and turn left onto Lombard Street.
Turn right onto Van Ness Avenue. Turn left onto Broadway. Turn right onto Battery Street.
Turn left onto Market Street. Go straight for five short blocks. The Landmark at One Market
is on the right.

From the East Bay
Take I-80W over the Bay Bridge. Pay toll ($5). Exit right at Fremont Street. Turn left
onto Fremont Street. Turn right onto Howard Street. Turn left onto Main Street. Turn
right onto Market Street. Go straight for two short blocks. The Landmark at One Market
is on the right.

From the South Bay or SFO Airport
Take US-101N San Francisco to Exit I-280N Port of San Francisco. Exit King Street. Turn
Left onto Third Street. Turn Right onto Folsom Street. Turn left onto Main Street. Turn
right onto Market Street. Go straight for two short blocks. The Landmark at One Market
is on the right.
</pre>

===Walking routes===
*[http://www.walkweb.org.uk/g05_information.htm (with GPS wayponts)]
*[http://www.cheshire.gov.uk/countryside/Walking/crewe_nantwich/nantwich_acton/nantwich_acton_directions.htm (without GPS wayponts)]

== related discussion ==

* [http://radar.oreilly.com/archives/2006/03/directions_microformat_leading.html Tim O'Reilly blog post: Directions Microformat -> Google for directions?]

==See also==
*[[events/2006-06-13-where-2-bof]]
*[[directions]]
*[[directions-formats]]
*[[directions-brainstorming]]
*[[geo-extension-waypoints]]

==Related Links==

[http://www.cellulite.co.uk/ '''cellulite''']

hreview-examples

2010-07-23T02:19:04Z

Jheena789:

= hReview examples =

Example [[hreview|hReviews]].

__TOC__

== Authors ==
* [http://tantek.com/ Tantek Çelik], [http://technorati.com Technorati, Inc.]
* [http://360.yahoo.com/alidiabali Ali Diab],[http://yahoo.com Yahoo! Inc.]
* [http://spaces.msn.com/members/ianmcallister/ Ian McAllister], [http://microsoft.com/ Microsoft Corporation]
* [http://journals.aol.com/panzerjohn/abstractioneer John Panzer], [http://www.aol.com America Online, Inc.]
* [http://ifindkarma.com/blog Adam Rifkin], [http://labs.commerce.net/ CommerceNet Labs]
* [http://sippey.typepad.com/ Michael Sippey], [http://sixapart.com Six Apart, Ltd.]

Here are a few examples of reviews from current web sites, and how they could be easily enhanced to support the hReview structured review microformat.

== Restaurant review ==

Here is an example of a simple online restaurant review:

<pre><nowiki>
<div>
<span>5 stars out of 5 stars</span>
<h4>Crepes on Cole is awesome</h4>
<span>Reviewer: <span>Tantek</span> - April 18, 2005</span>
<blockquote><p>
Crepes on Cole is one of the best little creperies in San Francisco.
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.
</p></blockquote>
<p>Visit date: <span>April 2005</span></p>
<p>Food eaten: <span>Florentine crepe</span></p>
</div>
</nowiki></pre>

Adding hReview to this review is quite simple:

<pre><nowiki>
<div class="hreview">
<span><span class="rating">5</span> out of 5 stars</span>
<h4 class="summary"><span class="item fn">Crepes on Cole</span> is awesome</h4>
<span>Reviewer: <span class="reviewer fn">Tantek</span> -
<abbr class="dtreviewed" title="20050418T2300-0700">April 18, 2005</abbr></span>
<blockquote class="description"><p>
Crepes on Cole is one of the best little creperies in San Francisco.
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.
</p></blockquote>
<p>Visit date: <span>April 2005</span></p>
<p>Food eaten: <span>Florentine crepe</span></p>
</div>
</nowiki></pre>

Note that some of the properties of this sample review are not captured by hReview (visit date, food eaten). This is deliberate per the scope of keeping hReview minimal and simple.

This sample hReview could be rendered like this:

5 stars out of 5 stars<br />
'''Crepes on Cole is awesome'''<br />
Reviewer: Tantek - April 18, 2005<br />

<blockquote>Crepes on Cole is one of the best little creperies in San Francisco. 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.</blockquote>

Visit date: April 2005<br />
Food eaten: Florentine crepe<br />

=== Multidimensional Restaurant Review ===

Some restaurant reviews indicate ratings for different aspects of the restaurant. Such details are represented in hReview using tagged ratings. In addition, note the inline tags inside the description of this review.

Here is one such review in text format:

Cafe Borrone

1010 El Camino Real, Menlo Park, CA 94025, +1-650-327-0830 begin_of_the_skype_highlighting +1-650-327-0830 end_of_the_skype_highlighting;
cafeborrone.com

Food: 18/30; Ambience: 19/30; Service: 15/30; Price: $$...

This cafe is a welcoming oasis on the Peninsula. It even has a fountain
outside which cloaks the nearby sounds of El Camino traffic. Next door to a
superb indy bookstore, Cafe Borrone is an ideal spot to grab a coffee or a
snack to accompany a newly purchased book or imported periodical. Soups and
sandwich specials rotate daily. The corn chowder with croutons and big
chunks of cheese goes especially well with a freshly toasted mini-baguette.
Evenings are often crowded and may require sharing a table with a perfect
stranger. Espresso afficionados will appreciate the Illy coffee. Noise
levels can vary from peaceful in the late mornings to nearly overwhelming on
jazz band nights.

As an hReview:

<pre><nowiki>
<div class="hreview">
<div class="item vcard">
<div class="fn org summary">Cafe Borrone</div>
<span class="adr">
<span class="street-address">1010 El Camino Real</span>,
<span class="locality">San Francisco</span>,
<span class="region">CA</span>
<span class="postal-code">94025</span>,
</span>
<span class="tel"><span class="voice work">+1-650-327-0830</span></span>;
<a class="url" href="http://cafeborrone.com">cafeborrone.com</a>
</div>
<ul class="categories">
<li><a href="http://en.wikipedia.org/wiki/Food" rel="tag">
Food: <span class="rating">18</span>/<span class="best">30</span></a>;</li>
<li><a href="http://flickr.com/photos/tags/Ambience" rel="tag">
Ambience: <span class="rating">19</span>/<span class="best">30</span></a>;</li>
<li><a href="http://en.wikipedia.org/wiki/Service" rel="tag">
Service: <span class="rating">15</span>/<span class="best">30</span></a>;</li>
<li><a href="http://en.wikipedia.org/wiki/Price" rel="tag">
Price: <abbr class="rating" title="2">$$</abbr>...</a></li>
</ul>
<blockquote class="description"><p>
This <abbr class="type" title="business">
<a href="http://en.wikipedia.org/wiki/cafe" rel="tag">cafe</a></abbr>
is a welcoming oasis on the Peninsula.
It even has a fountain outside which nearly eliminates
the sounds of El Camino traffic. Next door to a superb indy bookstore,
Cafe Borrone is an ideal spot to grab a
<a href="http://en.wikipedia.org/wiki/coffee" rel="tag">coffee</a>
or a meal to accompany a newly purchased book or imported periodical.
<a href="http://technorati.com/tag/soup" rel="tag">Soups</a> and
<a href="http://technorati.com/tag/sandwich" rel="tag">sandwich</a>
specials rotate daily. The corn chowder with croutons and big chunks of cheese
goes especially well with a freshly toasted mini-baguette. Evenings are
often crowded and may require sharing a table with a perfect stranger.
<a href="http://flickr.com/photos/tags/espresso" rel="tag">Espresso</a>
afficionados will appreciate the
<a href="http://en.wikipedia.org/wiki/Illy" rel="tag">Illy</a> coffee.
Noise levels can vary from peaceful in the late mornings to nearly overwhelming on
<a href="http://en.wikipedia.org/wiki/jazz" rel="tag">jazz</a> band nights.
</p></blockquote>
Review (<a href="http://microformats.org/wiki/hreview">
hReview v<span class="version">0.2</span></a>)
by <span class="reviewer">anonymous</span>,
<abbr class="dtreviewed" title="20050428T2130-0700">April 28th, 2005</abbr>.
</div>
</nowiki></pre>

With an accompanying CSS style sheet like:

<pre><nowiki>
a.url { display:block }
ul.categories { margin:1em 0; padding:0 }
.categories li { display:inline }
</nowiki></pre>

This hReview could be presented similar to the original text:

Cafe Borrone<br />
1010 El Camino Real, Menlo Park, CA 94025, +1-650-327-0830;<br />
[http://cafeborrone.com/ cafeborrone.com]<br />
<br />
[http://en.wikipedia.org/wiki/Food Food: 18/30];
[http://flickr.com/photos/tags/Ambience Ambience: 19/30];
[http://en.wikipedia.org/wiki/Service Service: 15/30];
[http://en.wikipedia.org/wiki/Price Price: $$...]<br />

<blockquote>This [http://en.wikipedia.org/wiki/cafe cafe] is a welcoming oasis on the Peninsula. It even has a fountain outside which cloaks the nearby sounds of El Camino traffic. Next door to a superb indy bookstore, Cafe Borrone is an ideal spot to grab a [http://en.wikipedia.org/wiki/coffee coffee] or a snack to accompany a newly purchased book or imported periodical. [http://technorati.com/tag/soup Soups] and [http://technorati.com/tag/sandwich sandwich] specials rotate daily. The corn chowder with croutons and big chunks of cheese goes especially well with a freshly toasted mini-baguette. Evenings are often crowded and may require sharing a table with a perfect stranger. [http://flickr.com/photos/tags/espresso Espresso] afficionados will appreciate the [http://en.wikipedia.org/wiki/Illy Illy] coffee. Noise levels can vary from peaceful in the late mornings to nearly overwhelming on [http://en.wikipedia.org/wiki/jazz jazz] band nights.</blockquote>

Review ([http://microformats.org/wiki/hreview hReview v0.2]) by anonymous, April 28th, 2005.

== Product review ==

Here is an example of a product review:

<pre><nowiki>
<div>
<a href="http://www.amazon.com/exec/obidos/ASIN/B000089CJI/">
<img src="http://images.amazon.com/images/P/B000089CJI.01._SCTHUMBZZZ_.jpg"
alt="Album cover photo: The Postal Service: Give Up." />
The Postal Service: Give Up</a>
<blockquote><p>
"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..."
</p><p>
"Nothing Better" is a great track on this album, too...
</p></blockquote>
(*****)
</div>
</nowiki></pre>

Adding hReview to this review is also quite simple, but in this case requires a few more elements for the rating and reviewer which are required by hReview:

<pre><nowiki>
<div class="hreview">
<a class="item url" href="http://www.amazon.com/exec/obidos/ASIN/B000089CJI/">
<img src="http://images.amazon.com/images/P/B000089CJI.01._SCTHUMBZZZ_.jpg"
alt="Album cover photo: The Postal Service: Give Up. "
class="photo" />
<span class="fn">The Postal Service: Give Up</span></a>
<blockquote class="description"><p>
"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..."
</p><p>
"Nothing Better" is a great track on this album, too...
</p></blockquote>
(<abbr class="rating" title="5">*****</abbr>)
<p class="reviewer vcard">Review by
<a class="url fn" href="http://ifindkarma.com/blog/">Adam Rifkin</a>,
<abbr class="dtreviewed" title="200502">February 2005</abbr>
</p>
</div>
</nowiki></pre>

And this hReview might be presented like this:

[Album cover photo: ]
[The Postal Service:]
[ Give Up ]

The Postal Service: Give Up

<blockquote>"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..."</blockquote>

<blockquote>"Nothing Better" is a great track on this album, too... </blockquote>

(*****)

Review by Adam Rifkin, February 2005.

== Movie Review ==
Finally, here is an example of a movie review.

<pre><nowiki>
<div>
<span>anonymous, April 18th, 2005</span>
<div>
<a lang="zh" href="http://www.imdb.com/title/tt0299977/">
Ying Xiong (<span lang="en">HERO</span>)
</a>
</div>
<div>Rating: 4 out of 5</div>
<blockquote><p>
This movie has great visuals and music.
</p></blockquote>
</div>
</nowiki></pre>

With hReview:

<pre><nowiki>
<div class="hreview">
<span class="reviewer">
<span class="fn">anonymous</span>,
<abbr class="dtreviewed" title="20050418">April 18th, 2005</abbr>
</span>
<div class="item">
<a lang="zh" class="url fn" href="http://www.imdb.com/title/tt0299977/">
Ying Xiong (<span lang="en">HERO</span>)
</a>
</div>
<div>Rating: <span class="rating">4</span> out of 5</div>
<blockquote class="description"><p>
This movie has great music and visuals.
</p></blockquote>
</div>
</nowiki></pre>

Which could be presented like this:

anonymous, April 18th, 2005<br />
Ying Xiong (HERO)<br />
Rating: 4 out of 5<br />

This movie has great music and visuals.

== Examples in the wild ==

This section is '''informative'''.

The following sites have published hReviews, and thus are a great place to start for anyone looking for examples "in the wild" to try parsing, indexing, organizing etc. If you publish hReviews on your own page, feel free to add it to the top of this list. Once the list grows too big, we'll make a separate wiki page.
* [http://www.BestMothTraps.com/ Best Moth Traps] has published a single hReview of [http://www.bestmothtraps.com/moth-traps-save-dog-foo/moth-trap-reviews-64.htm/ Moth Traps] and summary of [http://www.bestmothtraps.com/topic/moth-trap-reviews/ Moth Trap Reviews] using hReview.
* [http://www.beginrunning.com/ Begin Running] has published an [http://www.beginrunning.com/shoes/adidas-supernova-sequence-use/ hReview of Adidas Supernova running shoes] and an [http://www.beginrunning.com/issues/runners-itch-relief/ hReview of Anti Monkey Butt Powder]
* [http://blog.ftwr.co.uk/ Peter Westwood] has written an [http://blog.ftwr.co.uk/archives/2005/10/03/blubeckers-hampton-court/ hReview of Blubeckers Hampton Court]
* [http://dougal.gunters.org/blog/ Dougal] has published an [http://dougal.gunters.org/blog/2005/08/03/french-vanilla-latte hReview of Wolfgang Puck’s Gourmet French Vanilla Latte].
* [http://www.dinnerbuzz.com/ Dinnerbuzz] is a great site for posting tagged reviews of restaurants, and they publish and summarize all their reviews in hReview!
* [http://soldierant.net/ Bryce Glass] posted an [http://soldierant.net/archives/2005/06/product_review.html hReview of the Uniden ELBT 595 Bluetooth Cordless Phone].
* dda posted an [http://sungnyemun.org/wordpress/?p=20 hReview of hReview] :)
* An [http://tbp.xomerang.com/?p=3 hReview of Caffè Camardo coffee].
* [http://loadaveragezero.com/hnav/contact.php Douglas Clifton] posted [http://loadaveragezero.com/#May-12-2005 comments] regarding adapting his list of ~800 [http://loadaveragezero.com/app/drx Developer Resources] as a format for evaluating hReview.
* [http://www.oliverbrown.me.uk/ Oliver Brown] [http://www.oliverbrown.me.uk/2005/05/09/sitereviewsorg-supports-hreview-i-think/ has announced] that his [http://en-us.sitereviews.org/ SiteReviews.org] (which reviews websites) publishes its reviews using hReview, e.g. here is the [http://en-us.sitereviews.org/review-photomatt.net review on SiteReviews.org for photomatt.net].
* [http://www.myelin.co.nz/post/ Phillip Pearson] is publishing hReviews in the [http://coffee.gen.nz/rss/reviews RSS feed of cafe reviews] on his [http://coffee.gen.nz/ kiwi coffee review site], which of course has the reviews in HTML with embedded hReview markup as well.
* [http://station11.net/ticker/ Kjell] is publishing his link blog as a [http://station11.net/ticker/ list of hReviews].
* [http://epeus.blogspot.com/ Kevin Marks] has [http://epeus.blogspot.com/2005_04_01_epeus_archive.html#111484565269684374 published two hReviews] and used unicode "star" characters for his ratings!
* JamesStewart is publishing hReviews in the location pages at his [http://grwifi.net Grand Rapids WiFi site].
* [http://soldierant.net/ Soldier Ant] has [http://soldierant.net/archives/2005/06/product_review.html reviewed a cordless phone].
* [http://www.happenchance.co.uk/ Paul Livingstone] uses hreview to voice his opinion on [http://www.happenchance.co.uk/archives/2005/07/war_of_the_worl.php books], [http://www.happenchance.co.uk/archives/2005/03/im_going_to_fin.php movies] and [http://www.happenchance.co.uk/archives/2005/05/eels_carling_ac.php music].
* [http://www.foodnut.com/ Foodnut.com] uses hreview to blog about restaurants like [http://www.foodnut.com/429/the-fat-duck-restaurant-review-bray-uk/ The Fat Duck]

==See also==
{{hreview-related-pages}}

==Related Links==

[http://www.cellulite.co.uk/ '''cellulite''']