selected-test-cases-from-the-web: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
No edit summary
m (Reverted edits by MonlaDronc (Talk) to last version by AndyMabbett)
 
(14 intermediate revisions by 8 users not shown)
Line 1: Line 1:
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, so you'll need to go to [http://microformats.org/~rkhare/mf-testcases.html an external page of test cases].
:'''This page is depreacted. For better examples, see [[examples-in-wild]].'''
 
This page was to collect snapshots in time of events found "in the wild" for testing purposes. Also see <nowiki>http://microformats.org/~rkhare/mf-testcases.html an external page of test cases</nowiki> ('''404''').


=Elemental=
=Elemental=
Line 40: Line 42:


==hCard==
==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.


* From http://gbraad.survion.com/site/?p=profile
<pre>
<nowiki>
<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>


<nowiki>
<div class="vcard">
<img style="float:right; margin:4px" src="http://gbraad.survion.com/photos/profile/0.jpg" alt="Profile photo" class="photo"/>
<a class="url fn" href="http://gbraad.survion.com/" title="Full name">Gerard Braad Jr.</a>
         <span class="bday" title="Date of Birth">1981-02-22</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>
<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>
<span class="role" title="Role">(Freelance) Software Developer</span>
<div class="adr">
<div class="adr">
<div class="street-address" title="Street">Rustenburgstraat 224</div>
<div class="street-address" title="Street">Rustenburgstraat 224</div>
<span class="postal-code" title="Postal code">7311JC</span>
<span class="postal-code" title="Postal code">7311JC</span>
<span class="locality" title="City">Apeldoorn</span>
<span class="locality" title="City">Apeldoorn</span>
<span class="country" title="Country">The Netherlands</span>
<span class="country-name" title="Country">The Netherlands</span>
</div>
</div>
<div class="tel">
<div class="tel">
<span class="pref work voice" title="Work phonenumber">+31 (0)87 1901 799</span>
<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="home voice" title="Home phonenumber">+31 (0)55 5150 002</span>
<span class="cell voice" title="Cell phonenumber">+31 (0)6 4256 7996</span>
<span class="cell voice" title="Cell phonenumber">+31 (0)6 4913 7996</span>
</div>
</div>
<div class="email">
<div class="email">
<span class="pref internet" title="Primary email">g_braad@survion.com</span>
<a class="pref internet" title="Primary email" href="mailto:me@gbraad.nl">me at gbraad dot nl</a>
<span class="internet" title="Alternate email">g_braad@spotsnel.nl</span>
<a class="internet" title="Alternate email" href="mailto:gbraad@survion.com">gbraad at survion dot com</a>
</div>
<a class="internet" title="Alternate email" href="mailto:gbraad@spotsnel.nl">gbraad at spotsnel dot nl</a>
</div>
</div>
</div>
<div class="services">
 
<span class="yahoo" title="Yahoo! contact">g_braad</span>
<div class="services">
<span class="msn" title="MSN contact">g_braad@hotmail.com</span>  
<span class="yahoo" title="Yahoo! contact">gbraad</span>
<span class="icq" title="ICQ number">25725591</span>
<span class="msn" title="MSN contact">g_braad@hotmail.com</span>
  <span class="aim" title="AIM contact">gbraadjr</span>
<span class="icq" title="ICQ number">9864024</span>
<span class="skype" title="Skype username">g_braad</span>
<span class="aim" title="AIM contact">gbraadjr</span>
<span class="gizmo" title="Gizmo username">g_braad</span>
<span class="skype" title="Skype username">g_braad</span>
</div></nowiki>
<span class="gizmo" title="Gizmo username">g_braad</span>
</div>
</nowiki>
</pre>
 
* This has the properties:
 
:: tel = +31 (0)55 5150 002 +31 (0)87 1901 799 +31 (0)55 7110 330 +31 (0)87 7846 866 +31 (0)6 4913 7996
 
:: email = me at gbraad dot nl gbraad at survion dot com
 
:: n = null
 
:and lacks an "honorific-suffix" class on "Jr.". Also, the "alt" attribute on the image is almost certainly inappropriate.
 
: (Tested with Operator 0.9) [[User:AndyMabbett|Andy Mabbett]] 12:01, 20 Jan 2008 (PST)


==hCalendar==
==hCalendar==

Latest revision as of 18:49, 20 December 2008

This page is depreacted. For better examples, see examples-in-wild.

This page was to collect snapshots in time of events found "in the wild" for testing purposes. Also see http://microformats.org/~rkhare/mf-testcases.html an external page of test cases (404).

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 has the properties:
tel = +31 (0)55 5150 002 +31 (0)87 1901 799 +31 (0)55 7110 330 +31 (0)87 7846 866 +31 (0)6 4913 7996
email = me at gbraad dot nl gbraad at survion dot com
n = null
and lacks an "honorific-suffix" class on "Jr.". Also, the "alt" attribute on the image is almost certainly inappropriate.
(Tested with Operator 0.9) 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?