selected-test-cases-from-the-web-fr

From Microformats Wiki
Jump to navigation Jump to search

cnatroclil Cette page existe pour collecter des instantanés trouvés "dans la jungle" pour des objectifs de tests. Malheureusement, les outils wiki que nous avons produits font qu'il est impossible d'inclure du HTML "brut" microformaté (vraiment ? cela semble fonctionner dans les tests-hCard), aussi vous aurez besoin d'aller vers une page externe de cas de tests.

Elementaire

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>

Composé

hCard

Une très bonne implémentation du standard hCard

J'ai remarqué que cet auteur évite de mettre à jour son implémentation pour refléter les brouillons révisés. Peut-être que c'est aussi bien de remarquer le problème de ne pas être capable de placer le suffixe dans une méta-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>

hCalendar

Tests Multiples