selected-test-cases-from-the-web

From Microformats Wiki
Revision as of 20:01, 20 January 2008 by AndyMabbett (talk | contribs) (→‎hCard: critique example)
Jump to navigation Jump to search

This page exists to collect snapshots in time of events found "in the wild" for testing purposes. Also see 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

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">gbraad</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 5150 002</span>
		<span class="cell voice" title="Cell phonenumber">+31 (0)6 4913 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:gbraad@survion.com">gbraad at survion dot com</a>
		<a class="internet" title="Alternate email" href="mailto:gbraad@spotsnel.nl">gbraad at spotsnel dot nl</a>
	</div>
</div>

<div class="services">
	<span class="yahoo" title="Yahoo! contact">gbraad</span>
	<span class="msn" title="MSN contact">g_braad@hotmail.com</span>
	<span class="icq" title="ICQ number">9864024</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>

  • This appears to have the properties:
tel = +31 (0)87 1901 799+31 (0)55 5150 002+31 (0)6 4913 7996
email = me@gbraad.nlgbraad@survion.comgbraad@spotsnel.nl
has duplicate "N"2 properties and lacks an "honorific-suffix" class on "Jr.". The "alt" attribute on the image is almost certainly inappropriate.
Andy Mabbett 12:01, 20 Jan 2008 (PST)

hCalendar

Multiple Tests

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