hcard-examples-in-wild-fr

2007-03-30T11:40:47Z

LaurentLunati: /*add link*/

<h1>Exemples de hCard dans la jungle</h1>

Cette page est une section '''informative''' de la [[hcard-fr|spécification des hCards]].

Les sites suivants ont publié des [[hcard-fr|hCards]], et de ce fait sont un endroit merveilleux pour quiconque cherchant des exemples "dans la jungle" pour essayer de parser, indexer, organiser, etc.

Si les personnes ou sociétés sur votre site sont balisées avec hCard (même simplement votre propre information de contact), sentez-vous à l'aise pour les ajouter en haut de cette liste. Assurez-vous svp d'inclure au moins une URL vers une page sur votre site qui comprenne un véritable balisage [[hcard-fr|hCard]]. Les exemples ajoutés sans un URL vers une page avec un balisage hCard pourront être supprimés.

Vous voulez démarrer par écrire une [[hcard-fr|hCard]] ? Utilisez l'application [http://microformats.org/code/hcard/creator hCard creator] pour écrire quelque information de contact et la publier, ou suivez les [[hcard-authoring-fr|astuces de publication hCard]] pour ajouter un balisage hCard à votre page contact actuelle.

==Exemples pour se conformer ==
=== Nouveaux exemples ===

SVP ajoutez de nouveaux exemples '''en haut''' de cette section de façon qu'ils puissent être critiqués.
* [http://claimid.com/jeanchristophe Jean-Christophe Capelli] sur une [http://www.wikiservice.at/fractal/wikidev.cgi?FR/PinkoMarketing/JeanChristopheCapelli page personnelle] d'une branche-wiki dédiée à construire un groupe francophone sur le pinkomarketing. Aidé par Christophe Ducamp, microformateur de tous les instants.
* [http://source.ibegin.com/ iBegin Source] utilise hCard pour identifier l'information des entreprises pour toutes les plus de 10.5 millions d'entreprises recensées.
* [http://www.lounews.com/ The Louisville News Company] utilise hCard pour l'information de contact sur tout le site pour la société et le développeur du site.
* [http://cloudislands.com/contact.php Cloud Islands] utilise hCard pour l'innformation de contact.
* [http://www.international.unt.edu UNT International] utilise hCard pour baliser l'information de contact sur tout le site (voir particulièrement [http://www.international.unt.edu/offices/ieli/people/instructors/profiles la liste des profils des instructeurs IELI])
* [http://www.giraffo.de giraffo.de] a différentes hCards sur chaque page (+ geo dans "kontakt")
* [http://www.enap.com ENAP, Inc.] liste le contact de la DRH en format hCard sur la page [http://www.enap.com/career.aspx Career Opportunities].
* Les listes des panélistes et participants à [http://sxsw07.conferenceer.com/people Conferenceer] durant la conférence interactive 2007 South de Southwest est au format hCard.
* [http://news.stanford.edu Stanford News] (Redesign) hCard dans le pied de page sur chaque page tout comme le balisage pour chaque membre du staff sur la page Staff.
* [http://www.wikiservice.at/fractal/wikidev.cgi?FR/EveMoreau Valérie-Eve Moreau] a bricolé une hCard sur sa page personnelle-wiki.
* [http://en.wikipedia.org/wiki/St_George%27s_Minster%2C_Doncaster St George's Minster, Doncaster, sur Wikipedia]
* AOL Journals publie des hCards pour les auteurs. [http://journals.aol.com/carowill/whats-happening Example]
* La [http://ian.mckellar.org/ home page] de Ian McKellar est une hCard stylée pour ressembler à une carte de visite professionnelle.
* [[Christophe Ducamp]] sur une [http://www.wikiservice.at/fractal/wikidev.cgi?FR/MicroFormats/ChristopheDucamp page personnelle] d'une branche-wiki dédié à construire un groupe francophone sur les microformats. Aidé par [http://www.wikiservice.at/fractal/wikidev.cgi?LaurentLunati Laurent Lunati] pour le design, tout le monde peut la corriger en [http://www.wikiservice.at/fractal/wikidev.cgi?action=edit&id=FR/MicroFormats/ChristopheDucamp éditant la page].
* [http://www.matthewwest.co.uk Matthew West] a une hCard sur sa page [http://www.matthewwest.co.uk/email contact].
* Le portofolio du FreeLance en développement web [http://www.webmaster.waw.pl Paweł Wrzosek]
*[http://thibeaultstudios.com Thibeault Studios] a une hCard d'entreprise dans le pied de page sur chaque page tout comme des hCards individuelles sur la page [http://thibeaultstudios.com/contact_us.php Contact].
*Le balisage hCard [http://www.stanford.edu/ Stanford.edu] est inclus dans le pied de page de la page d'accueil et toutes les pages subséquentes dans le répertoire /home.
*[http://openid.ne.jp OpenID.ne.jp] Premier fournisseur de service OpenID au Japon (日本語). Chaque page personnelle OpenID (par ex :[http://eouia.openid.ne.jp http://eouia.openid.ne.jp]) est balisée sous hCard. Et il y a aussi une hCard de société sur chaque page.
* L'adresse de [http://www.qwertycars.co.uk/garages/mechanics-near-tadworth.aspx UK Car Garages] au Royaume Uni au format hCard.
* La page About Us de [http://www.columbiaautomation.com/sub/contact.php Columbia Automation] a balisé chaque employé sous une hCard et dispose aussi d'une hCard de société avec l'information geo.
* [http://www.pointermix.com Pointermix Design] utilise le format hCard.
* La page contact de [http://eight6.com/contact/ eight6] utilise le format hCard
* Les listes d'annonces de [http://www.raveaboutit.com.au Rave About It] utilisent le format hCard.
* La page de l'équipe d'[http://optics.org/cws/Contact/OurTeam.do optics.org].
* La première tentative de [http://www.robcottingham.ca/contact Rob Cottingham] dans les microformats est une hCard sur la page contact de son blog personnel (Il a été inspiré par la présentation de Tantek Çelik lors de Web Directions North 2007.)
* [http://redmonk.net/about-this-site Steve Ivy] - hcard sur la page "about", inclut les suspects usuels + XFN sur les 'url's, photo, et geo.
* L'[http://seattleu.edu Université de Seattle] utilise hCard sur sa page d'accueil et la plupart des pages qui partagent un gabarit officiel.
* [http://www.josemarti.waw.pl L'école secondaire José Marti XXII à Varsovie] inclut hCard sur les sections Contact et A propos de l'auteur
* Jaama a mis ses détails de société sous une vCard téléchargeable sur sa page [http://www.jaama.co.uk/Contact.aspx contact].
* [http://3amproductions.net 3AM Productions] a les détails de société balisés sous hCard sur tout le site et particulièrement pour [http://3amproductions.net/jason.php Jason] et [http://3amproductions.net/gilbert.php Gilbert]
* [http://berlin.barwick.de/index.html Berlin Guide] est en train de convertir son balisage d'adresses en hCard, par ex. [http://berlin.barwick.de/shopping/kadewe-kaufhaus-des-westens.html KaDeWe]
* [http://www.xlntads.com XLNTads] a son information de contact balisée en hCard, tout comme son plan de développement balisé en hCalendar
* [http://derrick.pallas.us Derrick Pallas] dit aux personnes de le chercher là.
* [http://bluemonkcreative.com/contact/ Bill Turner] ajoute une hCard à la page contact de son site web de freelance.
* [http://www.oppenheim.com.au/ Le blog de James Oppenheim] inclut une hCard de l'auteur dans la ligne dans le pied de page de chaque page et aussi sur la page de contact.
* [http://steinhardt.nyu.edu/ NYU Steinhardt] a [http://steinhardt.nyu.edu/faculty_bios/list/Faculty plus de 240 bios de faculté balisées], par ex. [http://steinhardt.nyu.edu/faculty_bios/view/Susan_Murray].
* [http://www.boogdesign.com/aboutus.html boogdesign.com] a ajouté une syntaxe hCard sur la page de contact.
* [http://www.gptg.org GreatPlaceToGolf], hCards pour les clubs de golf autour du monde, par exemple [http://www.gptg.org/club/12/]. Utilisation de hCard pour les joueurs et les terrains de golf, geo pour les coordonnées des terrains, et hAtom. Réalisé par FredericLepied
* [http://www.economie-poitiers.fr/ Le Service Développement Economique de la Communauté d'agglomération de Poitiers] a utilisé une hCard pour son information de contact en bas de page.
* [http://www.lesgenets.com/ Le camping des Genêts à l'ile de Ré] a utilisé une hCard pour inclure ses informations de contact.
* [http://www.entrepots-lafond.fr/ Le site des entrepots Lafond] a publié ses informations de contact à l'aide d'une hCard.
* [http://www.walkerfineart.com Walker Fine Art Gallery] La plupart des pages contiennent une hCard en pied de page.
* [http://www.brdatasystems.com.au/contact-us.html B&R Data Systems] est une hCard d'organisation. Nous avons aussi utilisé l'outil technorati pour la télécharger sous une vCard, ce qui je pense est utile pour une entreprise.
* [http://chewbittel.com/contact.php Chew Bittel Assoc., Inc.] est une hCard d'organisation. Il y a des abbr's dedans et un champ téléphone dupliqué et quelques choses cachées. J'essaie vraiment de pousser les choses à leur limite ici. Ce devrait être un bon test pour votre parseur.
* la [http://redmonk.net/about-this-site/ page about] de [[User:Steve Ivy|Steve Ivy]] a sa hCard, comprenant un lien vers son fil de contact Technorati pour laisser les visiteurs télécharger son information de contact.
* La hCard de Scott Allan Wallick est [[User:ScottWallick|sa page utilisateur]] et sur son blog, [http://www.plaintxt.org/about/2/ plaintxt.org]
* La hCard de [[User:Bob_Jonkman|Bob Jonkman]] '''sur ce 'wiki''''
* [http://www.last.fm Last FM] a des hCards cachées sur ses pages profils par ex. [http://www.last.fm/user/Crok/?scrobbling=t1].
* [http://thetenwordreview.com The Ten Word Review] contient simplement des critiques de dix mots. Toutes les critiques sont balisées sous des [[hreview-fr|hReviews]] et l'information utilisateur est balisée sous hCard.
* Le [http://www.westmidlandbirdclub.com/ West Midland Bird Club] dans les English Midlands utilise hCard sur sa [http://www.westmidlandbirdclub.com/ home page], son [http://www.westmidlandbirdclub.com/diary/ annuaire d'événements], sa page [http://www.westmidlandbirdclub.com/club/contact.htm contact], sa page de [http://www.westmidlandbirdclub.com/site/links.htm liens], la [http://www.westmidlandbirdclub.com/club/older.htm liste des anciens] et dans un pied de page qui est graduellement implémenté sur tout le site.
* OffshoreAgile.com, un sous-site de Starsoft Development Labs, utilise hCard dans les sections [http://www.offshoreagile.com/company/contact/ Contacts Starsoft] et 'Media Inquiries'.
* T-Mobile utilise hCard pour la [http://t-mobilepressoffice.co.uk/press/contact-details/ page T-Mobile UK Press Contact Details], tout comme pour quelques-uns de ses derniers communiqués de presse.
* La division de publication 'Psychology Press' et 'Routledge's Behavioral' a implémenté des pages contact sur 17 de ses sites web (exemple sur la page contact de [http://www.clinicalpsychologyarena.com/contact/ Clinical Psychology Arena])
*[http://72ppi.us 72ppi], utilise hCard dans le pied de page.
*[http://www.csarven.ca Sarven Capadisli] utilise hCard dans tout le site (y compris les commentaires utilisateurs dans les articles).
* [https://www.urbanbody.com/information/contact-us Urban Body Men's Clothing] utilise hCard pour les adresses des magasins et hCalendar pour les horaires d'ouverture.
* [http://www.iqair.us/ IQAir North America], utilise hCard pour l'information de contact.
* [http://www.infoiasi.ro/ Le site web de la Faculté des Computer Science], "A. I. Cuza" University Iaşi, Romania utilise hCard pour chaque membre du staff.
* [http://www.finds.org.uk/ The Portable Antiquities Scheme au British Museum] a des hCards ajoutées dans le pied de page de chaque page et vers les section des contacts. En train de travailler pour en ajouter plus.
* Dans [http://www.ideasfornet.com/ IdeasForNet.com - the ideas repository] des hCards ont été implémentées partiellement dans le pied de page de chaque page, et de façon plus compréhensive dans les pages contact et à propos.
* Le [http://www.cst.ed.ac.uk/ Centre of Canadian Studies] à l'Université d'Edinburgh utilise les hCards pour l'information de contact dans le pied de page du site.
* [http://www.theatrestudies.llc.ed.ac.uk/ Theatre Studies: European Theatre] à l'Univiersité d'Edinburg utilise les hCards pour l'information de contact sur sa page d'accueil.
* [http://www.carolinemockett.com/design/about.aspx Caroline Mockett] a une hCard sur sa page About Me
* [http://wait-till-i.com Christian Heilmann] a une adresse en pied de page utilisant hCard
*[http://www.audience-response-rentals.com/ Audience Response System Rentals] utilise hCard comme un popup dans l'aire d'accessibilité du site (en bas à droite) pour un copier/coller facile de l'adresse par ses clients.
* [http://www.fischsolutions.com/ Fisch Internet Solutions] utilise une hCard embarquée et une vCard pour fournir aux clients un moyen facile de les contacter sur leur section [http://fischsolutions.com/contactus.html Contact Us] du site web.
* [http://www.micatholicconference.org/ Michigan Catholic Conference] utilise hCard pour l'information de contact dans la barre latérale.
* [http://www.adambunn.co.uk/ Adam Bunn] fournit les détails de contact dans la barre latérale en utilisant hCard.
* [http://www.belkin.com/pressroom/releases/uploads/10_10_06NotebookExpansionDock.html Les communiqués de presse de Belkin] utilisent les hCards pour les contacts de Relations Publiques et les bureaux.
* [http://mybank.com myBank.com] utilise hCard pour ses listings de chaque branche de chaque banque assurée FDIC aux Etats-Unis.
* [http://leftlogic.com Left Logic] utilise hCard pour l'information de contact embarquée.
* [http://inga-art.co.uk/artist Inga Scholes] utilise hCard pour l'information de contact dans la barre latérale.
* [http://www.lussumo.com/ Lussumo] utilise hCard sur les pages de profil dans son forum de discussions logiciel [http://www.getvanilla.com/ Vanilla].
* [http://www.creative-ways.nl/ Ron Kok] utilise des hCards pour baliser les noms et URLs des commentateurs sur son blog. Il utilise aussi les hCards en combinaison avec XFN dans ses billets de blog pour pointer vers des amis et a une hcard pour lui-même dans le pied de page de son blog.
* La page des [http://www.parisweb2006.org/orateurs.php orateurs de paris web 2006] (Paris-France) contient une hCard pour tous les intervenants.
* [http://tagg.no Tagg Media] utilise hCard pour l'[http://heine.tagg.no/contact.php information de contact] et fournit un lien vers un téléchargement de vcard dans la section contact.
* L'article à propos du personnage de Matrixx [http://en.wikipedia.org/wiki/Neo_%28The_Matrix%29 Thomas A Anderson dans Wikipedia] est maintenant balisé avec hCard.
* [http://dconstruct06.madgex.com/ d.Construct 2006 Backnetwork] utilise des hCards pour les congressistes à la conférence (et fournit le balisage de façon à ce que les congressistes puisses copier et coller leurs cartes dans leurs propres sites).
* [http://www.brown.edu Brown University] utilise maintenant hCard sur la page d'accueil.
* [http://www.wideblueyonderweb.co.uk Dunks chez Wide Blue Yonder Web Design] a ajouté un balisage hCard sur sa [http://www.wideblueyonderweb.co.uk/wbyw/pages/contact.htm page contact] et cherche à l'implémenter sur toutes les pages des contacts passés et futurs pour les clients.
* [http://southamptonrubberstamp.com Southampton Rubber Stamp Company] a déspormais un balisage hCard avec un téléchargement de vCard sur chaque page.
* [http://barefoot-ceramics.com Barefoot Ceramics paint your own pottery studio] (à Newport, South Wales) a ajouté un balisage hCard à sa page [http://barefoot-ceramics.com/find#address "Find"] page et d'autres exemples d'adresses. Ils espèrent mettre en oeuvre un listing d'événement hCalendar dès qu'une classe PHP ics vers hCalendar puisse être trouvée ou écrite.
* IBM embrasse les microformats. L'[http://www.ibm.com/contact/employees/ annuaire "IBM Employee"] renvoie maintenant des hCards dans ses résultats de recherche. Regardez aussi [http://www.ibm.com/shortcuts/ le Podcast Shortcuts].
* [http://dsingleton.co.uk/ David Singleton] a ajouté une hCard à son blog.
* [http://krisswatt.co.uk/ Kriss Watt] a caché une hCard dans le pied de page de son blog.
* [http://www.thestreet.org.au The Street Theatre (Canberra, Australia)] a ajouté un balisage hCard pour baliser vers sa page [http://www.thestreet.org.au/contact.htm Contact Us]. Un balisage hCalendar sera bientôt ajouté pour toutes les pièces.
* [http://www.informatik.uni-hamburg.de/SVS/personnel/henrich/index.php Henrich C. Pöhls] a balisé sa page "about" en utilisant hcard, y compris sa clé PGP qui est stockée dans une "abbr title", en utilisant class=key.
* [http://www.yalf.de Yalf Webentwicklung] a sa page [http://www.yalf.de/kontakt d'information de contact] disponnible sous hCard (et vCard).
* [http://www.zeldman.com/about/ Jeffrey Zeldman]. Jeffrey Zeldman a balisé sa page 'about' en utilisant hCard.
* [http://WhereAreYouCamping.com Where Are You Camping]. Des hCards pour tous les membres et camps, employant tout aussi bien 'include pattern'. A la limite de ce que je connais, c'est le premier Burning Man en rapport avec l'implémentation des microformats, pour ne pas citer des adresses dans Black Rock City.
* [http://www.clacksweb.org.uk Clackmannanshire Council ]. hCard est implémenté pour tous les détails de contact sur le site et pour des individus spécifiques comme les membres élus (les 'Councillors').
* [http://www.webdirections.org Web Directions ]. La hCard est utilisée comme information de contact pour la conférence, et les conférenciers sont balisés avec hCard.
* [http://www.markthisdate.com/contactform.html MarkThisDate.com ]. Une hCard est implémentée sur notre formulaire de contact. Pour nos calendriers les hCalendars suivront dès que possible.
* [http://kollitsch.de/ Patrick Kollitsch] a construit son Profil personnel sous hCard.
* [http://www.msiinet.com/contact/ MSI Systems Integrators] a sa page "Contact MSI" encodé avec des hCards.

* [http://www.coolblue.nl/ Le site web corporate de Coolblue BV]. Les hCards ont été implémentées à la fois dans le pied de page de chaque page, et dans la section "News" pour l'information contact presse.
* [http://www.besancon.fr/index.php?p=32 Le site officiel de la ville de Besançon (France)] utilise hCard pour chaque page concernant les petites villes entourant Besançon.
* [http://2006.dconstruct.org/speakers/ la liste des conférenciers d.Construct 2006] a été implémentée en utilisant des hCards.
* [http://local.yahoo.com Yahoo Local] supporte maintenant les hCards pour les commerces et endroits dans les résultats de recherche
* [http://learningtheworld.eu/imprint/ Learning the World] a une information hCard sur l'impression, parce ce que nous n'avons pas réussi à baliser proprement les numéros de téléphone et de fax professionnels.
* Le site web [http://www.fuckparade.org F’parade] utilise hcard, même s'il n'a pas trouvé un type pour distinguer les numéros de téléphone mobile et fixes ''(recommandation utiliser <code>cell</code> pour les mobiles)''.
* [http://www.miranet.nl/contact.htm Miranet Webdesign] a ajouté une hCard sur sa [http://www.miranet.nl/contact.htm page 'contact']
* [http://weblog.200ok.com.au/ Ben Buchanan] a ajouté une vCard à la page [http://weblog.200ok.com.au/about/ 'About'sur le welbog 200ok]
* [http://www.radiantcore.com Radiant Core] a son information de contact [http://www.radiantcore.com/contact/ disponible dans la hCard].
* [http://www.mikerumble.co.uk/ Mike Rumble] [http://www.mikerumble.co.uk/contact.html a mis en ligne sa hCard].
* [http://www.saumag.edu/ Southern Arkansas University] a son pied de page encodé comme une hCard.
* [http://main.uab.edu/ University of Alabama at Birmingham] a son pied de page contact encodé sous hCard.
* [http://www.capital.edu Capital University] a le contact en pied de page et les noms des blogueurs encodés sous hCard. Aussi, toutes les informations de pages spécifiques de contact sont encodées sous hCards (voir la page [http://www.capital.edu/Internet/Default.aspx?pid=67 Admissions] pour un exemple)
* [http://main.uab.edu/shrp/ UAB School of Health Professions] utilise hCard dans son pied de page contact
* [http://green.carisenda.com/ Stephen Stewart] a sa hCard sur la page d'accueil de son weblog (section 'You are here')

* [http://www.fberriman.com/ Frances Berriman] a une vCard cachée dans les pieds de page de son site web.
* [http://www.candlescience.com/ CandleScience Candle Supply] a ajouté une hcard cachée sur tout le site.
* [http://www.direction.es/ Direction] utilise hCard pour l'information de contact.
* [http://audiobank.tryphon.org AudioBank] utilise hCard pour afficher les informations des membres.
* [http://www.vivabit.com/atmedia2006/speakers/ @media speakers] sont balisés avec hCard (les photos dépendent du support du tag BASE ce qui fait de cela un très bon cas de test)
* [http://www.dougransom.com Doug Ransom] utilise hCard pour sa pratique de conseil financier.
* [http://rubyandrails.org/usergroups/newcastle/members.html ncl.rb] utilise hCard pour l'information de contact.
* [http://www.snowinteractive.com/ Snow Interactive] utilise hCard pour l'information de contact.
* [http://flickr.com Flickr] supporte maintenant [[hcard-fr|hCard]] et [http://gmpg.org/xfn XFN] sur les pages de profil. Voir [http://flickr.com/photos/factoryjoe/113866484/ photo d'écran de l'interface utilisateur dans le navigateur Flock utilisant l'extension Flocktails - 17 mars 2006].
* [http://www.ndiyo.org/contact information contact pour le projet Ndiyo]
* [http://www.pixelenvy.co.uk/ Pixel Envy] utilise hCard pour l'information de contact sur chaque page.
* [http://stilbuero.de/contact/ Klaus Hartl] utilise hCard dans la barre latérale pour l'information de contact (peut être plus facile à parser à travers la distribution xhtml que xml).
* [http://charlvn.virafrikaans.com/contact hCard de Charl van Niekerk]
* [http://billy-girlardo.com/WP/ BillyBLOGirlardo] utilise hCard pour l'information de contact.
* [http://www.hicksdesign.co.uk/ Hicksdesign] utilise hCard pour l'information de contact.
* http://www.gr0w.com/articles/press/growsearch_launched_press_release/ - hCard dans un communiqué de presse pour l'information contact de presse.
* http://www.redmonk.com/cote/archives/2006/03/testing_out_mic.html - hCard avec explication
* [http://andy.ciordia.info/ it's my island], blog personnel, hcard sur la page ''[http://andy.ciordia.info/pages/about_me About the Writer]''. [[User:Ciordia9|Andy Ciordia]]
* [http://www.windowonwoking.org.uk/ Window on Woking], un site de communauté locale au Royaume-Uni, utilise hCard dans la page d'accueil de chaque membre de l'organisation et conseiller local.
* [http://ChunkySoup.net/ ChunkySoup.net] a reconçu le site complet en utilisant hAtom 0.1 et les hCards -- par [[User:ChrisCasciano|Chris Casciano]]

* [http://www.30boxes.com/ 30 Boxes], une application de calendrier social et agrégateur de style de vie digital, crée automatiquement une hcard pour vous avec votre compte. Il est trouvé sous Settings > Syndication.
* [http://www.nearwhere.com/ Nearwhere.com] vous permet de mettre une hcard sur une carte interactive.
* [http://www.brentozar.com/ Brent Ozar] a ajouté une page [http://www.brentozar.com/contact.php contact] hCard.
* [http://www.kerihenare.com/ Keri Henare] a récrit sa page [http://www.kerihenare.com/contact/ contact] hCard. Utilisant maintenant <code><object></code> au lieu de <code><img></code> pour la photo. (Merci à Brian Suda pour avoir mis à jour le convertisseur vCard)
* [http://michaelraichelson.com/contact/ Michael Raichelson] avait un hCard sur sa page contact avant SXSW, mais n'avait jamais pensé à l'ajouter ici jusqu'à ce que Tantek lui ait demandé.
* [http://www.commoner.com/~lsimon/lindsey_simon_hcard.html Lindsey Simon] a ajouté une hCard à son site suite à la demande SXSW de Tantek pour que les types l'essayent.
* [http://www.davidgagne.net/ David Gagne] a une hCard dans sa barre latérale.
* [http://www.churchzip.com/map/ Churchzip.com/map] et [http://www.skiwhere.com/map/ Skiwhere.com/map], mettent des églises, hôtels et stations de ski sur les mêmes cartes. Les endroits sont mis en page sous forme de hcards.
* Toutes les [http://www.iqdir.com/ IQ Directory Solutions] des portails web des Yellow Pages utilisent la syntaxe [[hcard-fr|hCard]] sur les listes. Par exemple, [http://www.yellowpages-cambodia.com/ Cambodia Yellow Pages] et [http://www.superpages.com.my/ Malaysia Super Pages]
* L'application cloneable Group de ning utilise la correspondance floue pour mapper les champs personnalisés en syntaxe [[hcard-fr|hCard]] sur ses [http://group.ning.com/index.php?controller=person&action=view&content=JonathanAquino pages profile].
* [http://claimid.com/factoryjoe La hCard ClaimID de Chris Messina]
* [http://factoryjoe.com/blog/hcard La hCard de Chris Messina]
* [http://flock.com/about Flock About]
* [http://tantek.com/microformats/2006/03-01-TechPlenAgenda.html Agenda: W3C Technical Plenary Day, March 1 2006] a une syntaxe [[hcard-fr|hCard]] et [[hcalendar-fr|hCalendar]]. ([http://www.w3.org/2006/03/01-TechPlenAgenda.html original ici]).
* [http://www.gr0w.com/articles/press/growsearch_launched_press_release/ GrowSearch Launched (Press Release)] utilise un hCard pour fournir le Contact du Point Presse.
* La [http://www.arborday.org/ National Arbor Day Foundation] a commencé à utiliser les hCards pour ses [http://arborday.org/programs/conferences/hazardtrees-treeplanting/ conférences]
[http://arborday.org/programs/conferences/communityforestry/index.cfm à venir]
* [http://www.multipack.co.uk The Multipack] a de nombreuses hCards, tout spécialement sur [http://www.multipack.co.uk/members/ les pages membres], tout comme pour les informations des prochaines réunions.
* [http://deadringrancor.livejournal.com/ Justin McDowell] a utilisé une hCard pour faire référence [http://deadringrancor.livejournal.com/221332.html à une personne dans son billet de blog]
* [http://davecardwell.co.uk/cv/ Dave Cardwell] a inclus sa hCard dans son Curriculum Vitae.
* [http://blog.usweb.com/ Shaun Shull] a écrit un billet magnifique sur [http://blog.usweb.com/archives/how-microformats-affect-search-engine-optimization-seo How Microformats Affect SEO], et a inclus sa [[hcard-fr|hCard]] comme l'un des exemples.
* [http://www.thefutureoftheweb.com/ Jesse Skinner] a écrit un [http://www.thefutureoftheweb.com/blog/2006/1/hcard tutoriel simple avec des exemples]
* [http://www.w3.org/2005/12/allgroupoverview.html 2006 W3C Technical Plenary Week] a marqué tous les participants, contacts et membres du comité de programme avec hCard.
* [http://www.avf-nexus.co.uk AVF-Nexus] a une hCard sur sa [http://www.avf-nexus.co.uk/contact/ page contact] - (par [http://creation.uk.com Creation"])
* [http://www.thefantasticos.com/andrew/ Andrew White] a posté [http://www.thefantasticos.com/andrew/index.php/my-hcard/ sa hCard] et [http://www.thefantasticos.com/andrew/index.php/62/microformats-the-should-have-been-obvious-web-dev-tool/ a blogué à propos].
* [http://www.2sheds.ru Oleg "2sheds" Kourapov] dans son [http://www.2sheds.ru/blog/ blog] ([http://suda.co.uk/projects/X2V/get-vcard.php?uri=http://www.2sheds.ru/blog X2V]) a transformé son profil personnel en hCard ([http://suda.co.uk/projects/X2V/get-vcard.php?uri=http://www.2sheds.ru/blog/hcard.html X2V]) et sa blogroll - par une combinaison de XFN/hCards ([http://suda.co.uk/projects/X2V/get-vcard.php?uri=http://www.2sheds.ru/blog/friends.html X2V])
* [http://www.approveddesign.co.uk Approved Design Consultancy] a une hCard sur sa [http://www.approveddesign.co.uk/about/contact/ page contact] tout comme sur sa [http://www.approveddesign.co.uk/about/people/ section "people"] - (par [http://creation.uk.com Creation"])
* [http://weblog.200ok.com.au/ Ben Buchanan] et [http://www.griffith.edu.au/cgi-bin/phone_search.pl?string=colin+morris&format=search Colin Morris] ont [http://weblog.200ok.com.au/2006/01/griffith-phonebook-adds-hcard-and.html implémenté les hCards et vCards] pour [http://www.griffith.edu.au/find/content_phonebook.html l'annuaire téléphonique en ligne] de l'[http://www.griffith.edu.au Université Griffith]. par ex. [http://www.griffith.edu.au/cgi-bin/phone_search.pl?string=ben+buchanan&format=search la vCard de Ben] et [http://www.griffith.edu.au/cgi-bin/phone_search.pl?string=colin+morris&format=search la vCard de Colin]
* WWF-Australia [http://wwf.org.au/about/contactdetails/ page "contact details"]
* [http://rasterweb.net/raster/ Pete Prodoehl] a utilisé le format hCard sur sa page [http://rasterweb.net/raster/contact.html Contact]
* [http://alexander-mette.de amette] utilise le format hCard dans un module de son blog motorisé par TikiWiki
* [http://staff.washington.edu/oren/weblog2/ Oren Sreebny] a une hCard sur son gabarit principal
* [http://www.cs.brandeis.edu/~zippy/ Patrick Tufts] a une hCard sur sa page personnelle.
* [http://ascii20.blogspot.com/ Mathias Kolehmainen et Jamie Taylor] ont des hCards sur leur weblog.
* [http://www.hoppsan.org/jamesb/blogger/ Barnaby James] a une hCard sur son weblog.
* [http://esa-education.com/schools/map ESA Education] utilise les hCards pour ses 100+ écoles et chacun des sites individuels des écoles.
* [http://www.thereisnocat.com/#vcard Ralph Brandi] a ajouté une hCard à la barre latérale de son weblog suite à la présentation des Microformats de Tantek Çelik lors de SXSW 2006.
* [http://www.yellowpencil.com/contact/ Yellow Pencil] utilise les microformats pour présenter l'information de contact de la société.
* [http://www.pierce.ctc.edu/ephone/ Pierce College] -- le répertoire de la communauté du collège utilise hCard sur toutes les entrées individuelles des carnets d'adresses.
* [http://www.ukoln.ac.uk/web-focus/events/workshops/webmaster-2006/ the Institutional Web Management Workshop 2006] a balisé tous ses [http://www.ukoln.ac.uk/web-focus/events/workshops/webmaster-2006/committee/ présentateurs avec hCard].
* http://wikitravel.org/en/Singapore/Sentosa. Wikitravel est en train d'expérimenter hcard sur ses guides de voyage. Ce guide utilise hcard pour tous ses listings d'affaires. Plus d'informations sur http://wikitravel.org/en/Wikitravel_talk:Listings.
* [http://www.musik-erber.de/ Musik-Erber] utilise hcard pour présenter l'information de contact dans sa barre latérale.
* [http://cdevroe.com/about/#contact Colin D. Devroe] utilise hCard pour afficher son information de contact sur sa page "about".
* L'ECS (Scool of Electronics and Computer Science à l'Université de Southampton), les [http://www.ecs.soton.ac.uk/people People Pages] utilisent vCard. Contactez cjg@ecs.soton.ac.uk s'il y a quelque bug.
* [http://www.southwestern.edu/~ramseyp Pat Ramsey] a son information de contact sur son blog balisée avec hCard. Contacter [mailto:ramsey.pat@gmail.com ramsey.pat@gmail.com] s'il y a quelque bug.
* [http://www.meryl.net/ Meryl K. Evans] a une hCard cachée sur sa page d'accueil.
* [http://www.vyre.com/company/contact-us/ VYRE] est une société de développement de CMS avec une hCard "contact us"
* [http://www.lefdal.cc/info.php Alf Kåre Lefdal] utilise hCard dans le balisage de son information de contact.
* [http://www.pignwhistle.com.au/ Pig N Whistle, une chaîne de pubs dans Brisbane, Australie] utilise hCard pour baliser toutes les pages contacts pour ses établissements et son siège social.
* [http://kollitsch.de/ Patrick Kollitsch] a construit son Profil personnel sous hCard.
* [http://www.hbs.edu/faculty/dspar/ Harvard Business School] a des hCards sur ses pages 'faculty'
* [http://openmikes.org/ openmikes.org] utilise des hCards pour les adresses des lieux dans les pages listes détaillées.
* [http://www.intertecnollc.com/ InterTecno, LCC] publie une hCard sur la page d'accueil et la page contact.
* [http://canaltcm.com/ver/sobre-tcm Le site web de Turner Classic Movies TCM espagnol] a publié les détails de contacts sous une hCard
* [http://rejuvenation.com/ Rejuvenation] utilise maintenant hCard pour son information de contact.
* [http://www.mattash.com/contact/ Matthew Ash] utilise hCard dans sa section contacts.
* [http://yarmouthguide.com/business.php Yarmouth Guide] utilise hCard pour chaque page de détails sur le business.
* [http://www.merchantcircle.com MerchantCircle] a embarqué une hCard dans chacun de ses listings professionnels de plus de 15 millions d'adresses.

=== Exemples Révisés ===
Les Nouveaux Exemples Révisés qui sont beaux peuvent être migrés ici pour indiquer qu'ils ont été critiqués et révisés. Ou prenez la prochaine étape et notez quel type d'exemple dans la jungle chacun d'eux en fait parti, et puis svp migrez le vers la section 2 des "Exemples Groupés".

* [http://vcardplus.info/show.asp?uid=Z9959-06323 Greg Bays], l'auteur de vCardPlus! a fait que ses sites vCard affichent la compatibilité hCard.
* [http://www.nfwebsolutions.com/ New Frontier Web Solutions] utilise hCard sur sa page d'accueil avec un lien pointant vers le [http://suda.co.uk/projects/X2V/get-vcard?uri=http://www.nfwebsolutions.com/ X2V] de Brian Suda.
* [http://shiftingpixel.com/about/the-artist shifting pixel photoblog] a publié une hCard.
* [http://thoughtport.blogspot.com/ Aiden Kenny] n'a pas encore publié sa hcard, mais il a [http://thoughtport.blogspot.com/2005/07/elemental-particles-of-web.html publié son icône hCard] : http://photos1.blogger.com/blogger/4224/444/320/AK-Hcard-icon.gif
* [http://thedredge.org Andy Hume] utilise les hcards pour baliser les noms et URLs des commentateurs sur son blog, par ex son [http://thedredge.org/2005/06/using-hcards-in-your-blog/ billet de blog sur "Using hCards in your blog"].
* La page [http://www.bidclix.com/AboutContact.html Contact BidClix] de [http://www.bidclix.com/ BidClix] a son ''contact info'' balisé avec hCard.
* [http://suda.co.uk/ Brian Suda] a embarqué une photo dans [http://suda.co.uk/contact/ sa hCard] à travers le [http://www.ietf.org/rfc/rfc2397.txt schéma de data uri] en convertissant l'image en code BASE64. Regardez le Source pour voir comment cela est réalisé. [http://suda.co.uk/projects/X2V/get-vcard.php?uri=http%3A//suda.co.uk/contact/ Le lien X2V] extraira l'image et l'encodera pour une vCard qui sera affichée dans quelques applications de carnets d'adresses.
** Inspiré par ça, j'ai pensé essayer la même chose pour SVG sur [http://barefoot-ceramics.com/find Barefoot] ...
** <img class="photo" style="display:none;" src="data:image/svg+xml;text,<?xml version='1.0' encoding='UTF-8' standalone='no'?><svg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' version='1.0' width='50' height='80' id='svg3957'><defs id='defs3959' /><path d='M 28.91433,...32.192802 z' style='fill:#cc4d00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.625;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1' id='path9551' /></svg>" alt="Barefoot">
** Est-ce que cela fonctionne ?? Oui cela parse bien. Quelques outils automatiques remplacent le < avec %3C (etc., par ex. la forme vcard de Brian Suda). Malheureusement Kontact (KDE contacts tool) ne gère pas le SVG sous une photo vCard ou un format logo - je ne sais pas si c'est un standard. Il semble que cela pourrait fontionner et même fonctionne quelque part. Peut-être que le champ texte a besoin d'être encodé en Base64 ? ... voir [http://slashdot.org/~pbhj/journal/142382 le journal slashdot de pbhj] pour en savoir un peu plus à ce propos.
* [http://cinematreasures.org Cinema Treasures] utilise hCard pour baliser l'information des participants sur plus de 10,000 cinémas.
* [http://www.w3.org/People/Connolly/events/ L'index des présentations et événements de Dan Connolly] a des hCards pour bon nombre des personnes rencontrées lors de ces événements. En mars 2006, il a migré un paquet d'informations de contacts d'hôtels à partir de son PDA vers cette page ; elle est désormais montée à 32 hCards.
* [http://doncrowley.blogspot.com/ Don Crowley] a publié [http://www.crowley.nl/hcard.html son hCard] tout comme un joli bouton hCard : http://www.crowley.nl/images/hcard.png
* [http://loadaveragezero.com/hnav/contact.php Douglas W. Clifton] a ajouté tous les types d'information de contact.
* [http://eventful.com Eventful] publie toutes les pages d'informations des lieux avec des hCards embarquées.
* [http://www.iowamilitaryveteransband.com/members/ Iowa Military Veterans Band Contacts] - 95 hCards [http://weblog.randomchaos.com/archive/2005/10/24/Microformats/ balisées par Scott Reynen]
* [http://JackWolfgang.blogspot.com Jack L. Wolfgang II] a [http://jack.randomata.com/resume/ converti les adresses dans son CV en hCards].
* [http://www.efas.fupl.asso.fr/efas/_Mathieu-Drouet_.html Mathieu Drouet] et [http://www.efas.fupl.asso.fr/efas/_Annie-Leger_.html Annie Leger] ont tous deux des hCards
* [http://www.oliverbrown.me.uk/ Oliver Brown] a publié sa hCard.
* [http://www.paradigmproductions.org/contact/ Paradigm Productions] a publié une hCard sous un ul (balisée par [http://www.linkingarts.com/ Peter Jacobson])
* [http://www.splintered.co.uk/ Patrick H. Lauke] a balisé [http://www.splintered.co.uk/about/ son information de contact avec hCard].
* Paul Schreiber a publié sa hCard sur [http://paulschreiber.com/about/?contact sa page "about"].
* Le site [http://concerts.shrub.ca/ Sunnyvale House Concerts] de [http://paulschreiber.com/blog/ Paul Schreiber] publie des hcards pour les artistes à venir, tout comme une hCard pour la page elle-même. En outre, la page [http://concerts.shrub.ca/shows Past Shows] contient la page [http://concerts.shrub.ca/shows Past Shows] contient des hCards pour tous les artistes étant passés.
* [http://www.paulmichaelsmith.com/blog/hcard.htm Paul Smith] a créé une page hCard qui est Lisible par un Humain, et un lien vers X2V passant la même page hCard pour générer une vCard.
* [http://www.windley.com/archives/2005/07/hcards_trying_o.shtml Phil Windley a publié] [http://phil.windley.org/hcard.html sa hCard].
* [http://www.go-curiosity.com/about.htm Piercarlo Slavazza] a publié une hCard.
* [http://zooibaai.nl/ Rob Mientjes] a publié une hCard sur [http://zooibaai.nl/about/ sa page about].
* [http://rbach.priv.at/Contact Robert Bachmann] a publié sa hCard et [http://rbach.priv.at/Images/hcard un bouton].
* [http://blah Scott Reynen a publié sa hCard sur [http://www.randomchaos.com/document.php?source=scott_reynen sa page profil].
* [http://www.stackframe.com/ StackFrame, LLC] a publié les informations de contacts des [http://www.stackframe.com/people/ employés] et [http://www.stackframe.com/contact/ générales] sous des hCards.
* [http://www.wolfsreign.com Steven Ametjan] a publié sa hCard sur [http://www.wolfsreign.com/about/ sa page about].
* [http://tantek.com/microformats/2005/syndicate/speakers-list.html Syndicate - la liste des Conférenciers] est publiée sous un ensemble de hCards
* [http://tagcamp.org/index.cgi?ContactList liste des contacts TagCamp]
* [http://www.deadringerart.com/ The Brothers McDowell] ont des hCards sur leur page Contact.
* [http://twinsparc.com/ Twinsparc] a mis une hCard dans l'en-tête et le pied de page de toutes ses pages.
* [http://tantek.com/microformats/2005/web2/speakers.html la page Web 2.0 Conference speakers est balisée avec hCard]

* [http://we05.com/ Web Essentials 05] a balisé tous ses [http://we05.com/presenters.cfm conférenciers avec hCard].
* [http://www.uoguelph.ca/directory/ L'Université de Guelph] inclut une info hCard dans son répertoire.
* [http://www.child-care-index.net.au/ The Australian Child Care Index] a plus de 3000 entrées dans son annuaire des services de protection des enfants en Australie - et chacune d'entre elle est marquée avec une hCard !
* [http://www.cadforless.com/partners/ CADforless, Inc.] nous avons listé nos partenaires en utilisant hCard
* [http://avon.com/ Avon] - publie tous les contacts des 40 000 représentants Avons avec hCard.
* La page [http://flock.com/about Flock About] supporte le microformat hCard.
** par [[implementations#Flock|Flock]]
* [http://www.iowamilitaryveteransband.com/members/ Iowa Military Veterans Band]
* La [http://www.nature.com/ Nature homepage], utilise [[XOXO-fr|XOXO]].
** par [[implementations#Nature Publishing Group|Nature Publishing Group]]
* [http://concerts.shrub.ca/shows Sunnyvale House Concerts] supporte hCard et [[hcalendar-fr|hCalendar]].
* Le moteur de recherche [http://www.bath.ac.uk/contact/ Person Finder] de l'[http://www.bath.ac.uk/ Université de Bath] supporte hCard, voir par ex. la page de [http://www.bath.ac.uk/person/760874 Mrs A Smith].
* [http://www.monster-prague.cz/ Monster Prague Openings] supporte hCard, par ex. home page, une liste de contacts à venir.

=== Exemples avec quelques problèmes ===

Les entrées peuvent être migrées ici s'il y a un problème avec la façon dont les hCards sont utilisées sur la page concernée. Si la page est la vôtre, et que vous vouliez l'améliorer, regardez les [[hcard-faq-fr|hCard FAQ]], ou soulevez toute question sur les [[hcard-issues-fr|problématiques hCard]] ou [[mailing-lists-fr#microformats-discuss|la liste de discussion]], où les personnes seront heureuses de vous aider.
* [http://pierre-philippe.blogspot.com Pierre-Philippe Cormeraie] sur une [http://www.wikiservice.at/fractal/wikidev.cgi?FR/PinkoMarketing/PierrePhilippeCormeraie page personnelle] d'une branche-wiki consacrée au PinkoMarketing en langue française.
** manque un lien habillé [[hcard-faq-fr#Comment_puis-je_convertir_des_hCards_en_vCards_pour_le_t.C3.A9l.C3.A9chargement_sur_un_site |"ajouter au carnet d'adresse"]] pointant vers un convertisseur vCard -- [[User:ChristopheDucamp|xtof]] 02:29, 29 Mar 2007 (PDT)
* [http://www.alexa.com Alexa Internet] a balisé sa page des [http://www.alexa.com/site/company/managers managers] avec hCard.
**Titre du job de la personne dans le "fn". [[User:AndyMabbett|Andy Mabbett]]
* [http://www.naturalengland.org.uk/press/default.htm Natural England] (nouvelle agence de gouvernement au Royaume Uni, formée 2006-10-01).
** Pas de "fn" - ce qui fait que c'est invalide.
*[http://wizardishungry.com/blog/ wizardishungry/blog] a la hCard de l'auteur dans le pied de page de chaque page avec un lien vers X2V.
** les données de l'address sont cachées en utilisant CSS.
*[http://drop-off.co.uk G3:2] utilise hCard avec des tags geo dans le copyright et sur la page about me.
** La donnée Address est cachée en utilisant CSS.
* [http://zdnet.co.uk/misc/contact/ ZDnet Contact Us Page] supporte [[hcard-fr|hCard]].
** par [http://www.subtleasafish.com/ James Myers] et [http://www.fromthefrontend.co.uk/2006/11/23/zdnet-uses-microformats/ David Long]
**Les images et adresse email sont cachées ; les numéros de téléphone ne sont pas compatibles avec [http://en.wikipedia.org/wiki/E.123 E.123]
* [http://gbraad.nl/ Gerard Braad] a publié un exemple sur sa page [http://gbraad.nl/site/?p=profile profile] qui est presque cohérent avec son fichier original [http://gbraad.nl/files/gbraad.vcf vCard]. Aussi un progrès est fait pour transformer son fichier [http://files.gbraad.nl/foaf.rdf FoaF] vers une représentation encodée hCard. (produit aussi pour mon épouse :[http://spouse.gbraad.nl/site/?p=profile Yong Yuan])

** (2005-09-27) PASSED, PASSED
** AVERTISSEMENTS
*** utilise 'n given-name' et 'n family-name' au lieu d'imbriquer les given- et family- names dans le 'n'
*** a une valeur 'tel' avec un paquet de valeurs dedans
*** probablement plus de problèmes --[[User:RyanKing|RyanKing]] 17:19, 5 Jan 2006 (PST)
* [http://kinrowan.net/ Cori Schlegel] [http://kinrowan.net/blog/wp/archives/2005/07/08/a-problem-with-the-structured-blogging-plug-in-for-wordpress/ discute comment il a mis à jour] [http://kinrowan.net/blog/contact sa page contact avec hCard]
** INVALIDE - utilise 'prefix' au lieu de 'honorific-prefix' et les type's dans les noms de classes (à la fois dans adr et tel) et il a deux photo's (la seconde pourrait être 'logo') --[[User:RyanKing|RyanKing]] 15:15, 5 Jan 2006 (PST)
* Le 'good ship' [http://styrheim.com/test/leonid.html Leonid Miloslavskiy] a pointé dans l'Atlantique Nord.
** INVALIDE --[[User:RyanKing|RyanKing]] 00:50, 27 Oct 2005 (PDT)
*** class="family" devrait être probablement family-name
*** la propriété "n" manque et l'optimisation "n" ne peut pas être appliquée
*** la première propriété geo est vide, la seconde est invalide (c'est à dire qu'elle ne contient pas lat/long)
* [http://landsbank.fo/#hCard Landsbanki Føroya]
** INVALIDE - utilise de manière invalide du RDF/XML embarqué
* [http://chrischerry.name/blog/contact/ la page contact de Chris Cherry avec sa hCard]
** <strike>AVERTISSEMENT - utilise class="cell" au lieu de <span class="type">cell</span></strike> Réparé -- [[User:Seriph|Chris Cherry]] 19:54, 15 Sep 2006 (PST)
* Les résultats du "Person Finder" de l'[http://www.bath.ac.uk/contact/ Université de Bath] sont encodés avec des hCards ainsi vous pouvez facilement créer une vCard à partir de n'importe quel résultat.
** ERREUR - tente d'utiliser l'optimisation Implied-N là où ce n'est pas possible. --[[User:RyanKing|RyanKing]] 14:29, 5 Jan 2006 (PST)
** L'erreur n'apparaît que pour les utilisateurs externes. Ne sera pas réparé sous peu. -- [[User:PhilWilson|PhilWilson]] 00:03, 28 Jan 2006 (GMT)
* [http://richi.co.uk/blog/2005/12/structured-blogging.html Richi Jennings] a placé son essai.
** INVALIDE, FN manquant --[[User:RyanKing|RyanKing]] 12:47, 5 Jan 2006 (PST)
* [http://www.yellowpencil.com/contact/ Yellow Pencil] utilise les microformats pour présenter l'information de contact de la société
** La première hcard a un "fn" vide et pas de "n". "fn" devrait être avec "org" -- [[User: ScottReynen |ScottReynen]] 21:29, 19 Jun 2006 (CST)

== Exemples Groupés ==
Cette section organise les exemples en plusieurs catégories comme suit. Si un exemple correspond à plus d'une catégorie, utilisez la *dernière* catégorie correspondante dans cette liste qui correspond aux exemple(s) spécifiques de hCards dans la jungle que vous essayez de catégoriser.
# '''Individus''' - une carte par personne, peut-être trier alphabétiquement par "family-name". Les personnes avec leurs propres hCards (généralement) sur leur propre site.
# '''Organisations''' - une carte par organisation, alphabétiquement par "fn". Les organisation avec leurs propres hCards (généralement) sur leurs propres sites web.
# '''Institutions''' - qui listent plus d'une personne, avec un nombre estimé du # de hCards, par exemple 40k pour Avon. Indiquez aussi la complexité de l'information fournie, par exemple juste le nom+nombre vs détails complets. Triées alphabétiquement par "org" avec peut-être quelques individus listés dans une seule sous-bulle, délimités par une virgule et triés par "family-name".
# '''Profils en Ligne''' - qui hébergent des profils pour plus d'une personne, avec un nombre estimé du # de hCards, par ex. 10m+ pour Flickr.com. Triés alphabétiquement par "fn" avec peut-être quelques individus listés dans une seule sous-bulle, délimités par une virgule et triés par "family-name".
# '''Lieux en ligne''' - qui fournissent des listings pour les entreprises ou organisations, avec un nombre estimé du # de lieux, par exemple ~10k pour Upcoming.org. Triés alphabétiquement par service/nom de site, avec peut-être quelques lieux spécifiques listés dans une seule sous-bulle, délimités par une virgule et triés par "fn".
# '''Listes de conférenciers''' - Les pages de conférenciers sur les sites d'événements où les conférenciers sont balisés avec hCard. Triées par date, sous-groupées par années. Les plus récentes en premier. Peut-être quelques individus listés dans une unique sous-bulle pour chaque événement, séparés par une virgule, triés par "family-name".

En outre, il y a une section séparée des "Exemples UTF8" qui peut être utilisée pour placer un autre lien vers n'importe quel exemple de hCard qui a différents caractères non-ASCII7 / non-anglais pour différentes valeurs de propriétés.

A chaque fois que chaque section en elle-même deviendra vraiment grosse (nous pourrions y être parvenus à cette heure, une fois que nous les aurons triées à travers les "Exemples Révisés" au-dessus), elle sera probablement migrée vers une page séparée, laissant son titre ici en place, et remplaçant ses contenus ici avec un lien vers la page séparée et peut-être un résumé de statistiques.

=== Individus ===

* La page d'accueil de [http://dbaron.org/ David Baron] est balisée avec hCard.
* La page d'accueil de [http://tantek.com/ Tantek Çelik] inclut une hCard d'auteur dans la ligne en bas de la page.
* [http://blogs.msdn.com/cwilso/ Chris Wilson] a une hCard pour lui-même sur [http://blogs.msdn.com/cwilso/about.aspx sa page about].
* ...

=== Organisations ===
* [http://technorati.com Technorati] (3)
** Les pages [http://technorati.com/about/ about], [http://technorati.com/press/ press] et [http://technorati.com/about/contact.html contact] sont balisées avec hCard et ont des liens "Add to Address Book" qui utilisent le [http://feed.technorati.com/contacts/ Technorati service Fil de Contacts].

=== Institutions ===

* La [http://technorati.com/about/staff.html page Staff de Technorati] a des hCards pour ses collaborateurs (~31)
** par exemple [http://technorati.com/about/staff.html?s=adam_hertz#adam_hertz Adam Hertz], [http://technorati.com/about/staff.html?s=matthew_levine#matthew_levine Matthew Levine], [http://technorati.com/about/staff.html?s=ryan_king#ryan_king Ryan King], [http://technorati.com/about/staff.html?s=david_sifry#david_sifry David Sifry], etc.

=== Profils En Ligne ===

=== Lieux en Ligne ===

===Listes de conférenciers===
==== 2007 ====
* ...
==== 2006 ====
* ...
==== 2005 ====
* ...

===Exemples en UTF8 ===

Ces exemples contiennent tous un ou plusieurs caractères en UTF8 qui sont en dehors de la gamme ASCII7 et font des cas excellents pour les tests afin de s'assurer que vous gérez bien proprement l'UTF8 à travers votre parseur hCard et la transformation. Et tout spécialement si vous générez des vCards, ces tests aideront à vous assurer que vous générez des vCards UTF8 de façon qu'elles puissent être reconnues par les applications UTF8 supportant les vCards.
* [http://tantek.com/ Tantek's Thoughts] encode Çelik comme de l'UTF8 dans la ligne.

===Exemples Non-HTML ===
* [http://dannyayers.com/misc/microformats/hcard-svg la démo hCard SVG de Danny Ayers]

== Pages Apparentées==
{{hcard-related-pages-fr}}

Microformats Wiki - User contributions [en]

hcard-examples-in-wild-fr

User:LaurentLunati