selected-test-cases-from-the-web

This page exists to collect snapshots in time of events found "in the wild" for testing purposes. Unfortunately, the wiki tools we have make it impossible to include "raw" microformatted HTML (really? it seems to work in hcard-tests), so you'll need to go to an external page of test cases.

Elemental

RelTag

<a rel="tag" href="http://technorati.com/tag/blog">blog</a>

XFN

 <a href="http://roguelibrarian.com" rel="friend colleague met">Carrie Bickner</a>
<ul>
 <li><a href="http://www.iamthedj.com/news/index.html" rel="sweetheart date muse friend met" title="Amber Nixon">Amber</a></li>
 <li><a href="http://zeldman.com/" rel="friend colleague met" class="" title="Jeffrey Zeldman">Jeffrey Zeldman</a></li>
 <li><a href="http://meyerweb.com/" rel="friend colleague met" title="Eric Meyer" class="ref xfnfriendly">meyerweb</a></li>
 <li><a href="http://www.stopdesign.com/" class="ref xfnfriendly" rel="friend colleague met" title="Douglas Bowman">Stopdesign</a></li>
 <li><a href="http://glazman.org/weblog" class="ref xfnfriendly" rel="friend colleague met">Glazblog</a></li>
 <li><a href="http://photomatt.net/" title="Matthew Mullenweg" rel="friend met colleague" class="ref xfnfriendly">photomatt</a></li>
 <li><a href="http://dbaron.org/log/" rel='met friend colleague'>David Baron</a></li>
 <li><a href="http://ln.hixie.ch/" rel="friend colleague met" title="Ian Hickson">Hixie</a></li>
 <li><a href="http://www.jluster.org/" rel="met colleague friend" class="ref xfnfriendly" title="Jonas Luster">jluster.org</a></li>
 <li><a href="http://ifindkarma.typepad.com/" rel="met colleague friend" title="Adam Rifkin">Relax, Everything Is Deeply Intertwingled</a></li>
 <li><a href="http://davidx.org/blog/" class="ref" title="David Andersen" rel="met acquaintance colleague co-worker">Davidx.org</a></li>
 <li><a href="http://www.richardault.com/" title="Richard Ault" rel="met co-worker friend" class="ref">ctrl-ault-del</a></li>
 <li><a href="http://adam.typepad.com/" title="Adam Hertz" class="ref" rel="met acquaintance colleague co-worker">To Wish For Impossible Things</a></li>
 <li><a rel="met acquaintance colleague co-worker" href="http://joi.ito.com/">Joi Ito</a></li>
 <li><a href="http://epeus.blogspot.com/" rel="friend met colleague co-worker" title="Kevin Marks">Kevin Marks</a></li>
 <li><a href="http://www.arachna.com/roller/page/spidaman/" title="Ian Kallen" rel="met acquaintance colleague co-worker">What's That Noise?!</a></li>
 <li><a href="http://www.sifry.com/alerts/" rel="met acquaintance colleague co-worker" title="David Sifry">Sifry's alerts</a></li>
 <li><a href="http://powazek.com/" rel="met friend colleague co-worker neighbor" title="Derek Powazek">This is Powazek</a></li>
 <li><a href="http://jason.defillippo.com/" rel="met friend colleague co-worker neighbor" title="Jason DeFillippo">A Fresh Start</a></li>
 <li><a href="http://bradleyallen.org/" title="Bradley Allen" rel="met acquaintance colleague co-worker">Bradley Allen</a></li>
 <li><a href="http://scoble.weblogs.com/" title="Robert Scoble" rel="met acquaintance colleague">Scobleizer</a> (<a href="http://radio.weblogs.com/0001011/" rel="met acquaintance colleague">2</a>) </li>
 <li><a href="http://www.nickfinck.com/" rel="colleague met">Nick Finck</a></li>
 <li><a href="http://kottke.org/" class="ref" title="Jason Kottke" rel="acquaintance met">kottke</a></li>
 <li><a href="http://www.aaronsw.com/weblog/" class="ref" rel="met acquaintance colleague" title="Aaron Swartz">Aaron Swartz</a></li>
 <li><a rel="met acquaintance colleague" href="http://www.zephoria.org/thoughts/" title="Danah Boyd">apophenia</a></li>
 <li><a rel="me" href="http://www.orkut.com/Profile.aspx?uid=12385561615767130248">orkut profile</a></li>
</ul>

Compound

hCard

A very good implementation of the hCard standard

• From http://gbraad.nl/site/?p=profile or http://gbraad.survion.com/site/?p=profile

I noticed that this author keeps updating his implementation to reflect the revised drafts. Perhaps it is also good to notice the problem of not being able to put the suffix in a meta-description.

<div class="vcard"> <img style="float:right; margin:4px" src="http://gbraad.nl/photos/profile/0.jpg" alt="Profile photo" class="photo"/> <a class="url fn" href="http://gbraad.nl/" title="Full name"><span class="n given-name">Gerard</span> <span class="n family-name">Braad</span> Jr.</a> <span class="nickname">g_braad</span> <span class="bday" title="Date of Birth">1981-02-22</span> <div class="org" title="Organisation"><a class="url work" href="http://www.survion.com/">Sur-V-ioN</a></div> <span class="role" title="Role">(Freelance) Software Developer</span> <div class="adr"> <div class="street-address" title="Street">Rustenburgstraat 224</div> <span class="postal-code" title="Postal code">7311JC</span> <span class="locality" title="City">Apeldoorn</span> <span class="country-name" title="Country">The Netherlands</span> </div> <div class="tel"> <span class="pref work voice" title="Work phonenumber">+31 (0)87 1901 799</span> <span class="home voice" title="Home phonenumber">+31 (0)55 521 2488</span> <span class="cell voice" title="Cell phonenumber">+31 (0)6 4256 7996</span> </div> <div class="email"> <a class="pref internet" title="Primary email" href="mailto:me@gbraad.nl">me at gbraad dot nl</a> <a class="internet" title="Alternate email" href="mailto:g_braad@survion.com">g_braad at survion dot com</a> <a class="internet" title="Alternate email" href="mailto:g_braad@spotsnel.nl">g_braad at spotsnel dot nl</a> </div> </div> <div class="services"> <span class="yahoo" title="Yahoo! contact">g_braad</span> <span class="msn" title="MSN contact">g_braad@hotmail.com</span> <span class="icq" title="ICQ number">25725591</span> <span class="aim" title="AIM contact">gbraadjr</span> <span class="skype" title="Skype username">g_braad</span> <span class="gizmo" title="Gizmo username">g_braad</span> </div>

Multiple Tests

• Tantek's blog always has a fresh selection of microformatted content: http://tantek.com/log
• The home page of this site?