hcard-examples-in-wild-fr

Exemples de hCard dans la jungle

Cette page est une section informative de la spécification des hCards.

Les sites suivants ont publié des 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. 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 ? Utilisez l'application hCard creator pour écrire quelque information de contact et la publier, ou suivez les astuces de pubication hCard pour ajouter un balisage hCard à votre page contact actuelle.

Nouveaux exemples

SVP ajoutez de nouveaux exemples en haut de cette section.

• 72ppi, utilise hCard dans le pied de page.
• Sarven Capadisli utilise hCard dans tout le site (y compris les commentaires utilisateurs dans les articles).
• Urban Body Men's Clothing utilise hCard pour les adresses des magasins et hCalendar pour les horaires d'ouverture.
• IQAir North America, utilise hCard pour l'information de contact.
• Le site web de la Faculté des Computer Science, "A. I. Cuza" University Iaşi, Romania utilise hCard pour chaque membre du staff.
• The Portable Antiquities Scheme au British Museum 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 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 Centre of Canadian Studies à l'Université d'Edinburgh utilise les hCards pour l'information de contact dans le pied de page du site.
• Theatre Studies: European Theatre à l'Univiersité d'Edinburg utilise les hCards pour l'information de contact sur sa page d'accueil.
• Caroline Mockett a une hCard sur sa page About Me
• Le West Midland Bird Club utilise hCard sur sa page d'accueil, son calendrier d'évenements, ses pages contacts et la page des liens. L'ancienne est un pied de page graduellement implémenté sur l'ensemble du site.
• Christian Heilmann a une adresse en pied de page utilisant hCard
• Fisch Internet Solutions utilise une hCard embarquée et une vCard pour fournir aux clients un moyen facile de les contacter sur leur section Contact Us du site web.
• Natural England (la nouvelle agence Britannique du gouvernement, formée le 01-10-2006). No "fn" - ce qui fait que c'est invalide.
• Michigan Catholic Conference utilise hCard pour l'information de contact dans la barre latérale.
• Adam Bunn fournit les détails de contact dans la barre latérale en utilisant hCard.
• Les communiqués de presse de Belkin utilisent les hCards pour les contacts de Relations Publiques et les bureaux.
• myBank.com utilise hCard pour ses listings de chaque branche de chaque banque assurée FDIC aux Etats-Unis.
• Left Logic utilise hCard pour l'information de contact embarquée.
• Inga Scholes utilise hCard pour l'information de contact dans la barre latérale.
• Lussumo utilise hCard sur les pages de profil dans son forum de discussions logiciel Vanilla.
• 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 orateurs de paris web 2006 (Paris-France) contient une hCard pour tous les intervenants.
• Le West Midland Bird Club en angleterre utilise hCard sur sa page d'accueil, sa liste d'évenements et les pages de contact.
• Tagg Media utilise hCard pour l'information de contact et fournit un lien vers un téléchargement de vcard dans la section contact.
• Thomas A Anderson dans Wikipedia est maintenant balisé avec hCard.
• 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).
• Brown University utilise maintenant hCard sur la page d'accueil.
• Barefoot Ceramics paint your own pottery studio (à Newport, South Wales) a ajouté un balisage hCard à sa page "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'annuaire "IBM Employee" renvoie maintenant des hCards dans ses résultats de recherche. Regardez aussi le Podcast Shortcuts.
• David Singleton a ajouté une hCard à son blog.
• The Street Theatre (Canberra, Australia) a ajouté un balisage hCard pour baliser vers sa page Contact Us. Un balisage hCalendar sera bientôt ajouté pour toutes les pièces.
• 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.
• Yalf Webentwicklung a sa page d'information de contact disponnible sous hCard (et vCard).
• Jeffrey Zeldman. Jeffrey Zeldman a balisé sa page 'about' en utilisant hCard.
• Where Are You Camping. des hCards pour tous les membres et camps, employant tout aussi bien l'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.
• 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').
• Web Directions . hCard est utilisée comme information de contact pour la conférence, et les conférenciers sont balisés avec hCard.
• MarkThisDate.com . Une hCard est implémentée sur notre formulaire de contact.
• Patrick Kollitsch a construit son Profil personnel sous hCard.
• MSI Systems Integrators a sa page "Contact MSI" encodé avec des hCards.
• Corporate le site web 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.
• Le site officiel de la ville de Besançon (France) utilise hCard pour chaque page concernant les petites villes entourant Besançon.
• la liste des conférenciers d.Construct 2006 a été implémentée en utilisant des hCards.
• Yahoo Local supporte maintenant les hCards pour les commerces et endroits dans les résultats de recherche
• Miranet Webdesign a ajouté une hCard sur sa page 'contact'
• Ben Buchanan a ajouté une vCard à la page 'About'sur le welbog 200ok
• Radiant Core a son information de contact disponible dans la hCard.
• Mike Rumble a mis en ligne sa hCard.
• Southern Arkansas University a son pied de page encodé comme une hCard.
• University of Alabama at Birmingham a sont pied de page contact encodé sous hCard
• Capital University a le contact en pied de page et les noms des blogueurs encodé sous hCard. Aussi, toutes les informations de pages spécifiques de contact sont encodées sous hCards (voir la page Admissions pour un exemple)
• UAB School of Health Professions utilise hCard dans son pied de page contact
• Stephen Stewart a sa hCard sur la page d'accueil de son weblog (section 'You are here')
• Frances Berriman a une vCard cachée dans les pieds de page de son site web.
• Direction utilise hCard pour l'information de contact.
• @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)
• Doug Ransom utilise hCard pour sa pratique de conseil financier.
• ncl.rb utilise hCard pour l'information de contact.
• Snow Interactive utilise hCard pour l'information de contact.
• Flickr supporte maintenant hCard et XFN sur les pages de profil. Voir photo d'écran de l'interface utilisateur dans le navigateur Flock utilisant l'extension Flocktails - 17 mars 2006.
• information contact pour le projet Ndiyo
• Pixel Envy utilise hCard pour l'information de contact sur chaque page.
• 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).
• hCard de Charl van Niekerk
• BillyBLOGirlardo utilise hCard pour l'information de contact.
• 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
• it's my island, blog personnel, hcard sur la page About the Writer. Andy Ciordia
• 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.
• ChunkySoup.net a reconçu le site complet en utilisant hAtom 0.1 et les hCards -- par Chris Casciano
• 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.
• Nearwhere.com vous permet de mettre une hcard sur une carte interactive.
• Brent Ozar a ajouté une page contact hCard.
• Keri Henare a récrit sa page contact hCard. Utilisant maintenant <object> au lieu de <img> pour la photo. (Merci à Brian Suda pour avoir mis à jour le convertisseur vCard)
• 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é.
• Lindsey Simon a ajouté une hCard à son site suite à la demande SXSW de Tantek pour que les types l'essayent.
• David Gagne a une hCard dans sa barre latérale.
• Churchzip.com/map et 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 IQ Directory Solutions des portails web des Yellow Pages utilisent la syntaxe hCard sur les listes. Par exemple, Cambodia Yellow Pages et Malaysia Super Pages
• L'application cloneable Group de ning utilise la correspondance floue pour mapper les champs personnalisés en syntaxe hCard sur ses pages profile.
• La hCard ClaimID de Chris Messina
• La hCard de Chris Messina
• Flock About
• Agenda: W3C Technical Plenary Day, March 1 2006 a une syntaxe hCard et hCalendar. (original ici).
• GrowSearch Launched (Press Release) utilise un hCard pour fournir le Contact du Point Presse.
• La National Arbor Day Foundation a commencé à utiliser les hCards pour ses conférences à venir
• The Multipack a de nombreuses hCards, tout spécialement sur les pages membres, tout comme pour les informations des prochaines réunions.
• Justin McDowell a utilisé une hCard pour faire référence à une personne dans son billet de blog
• Dave Cardwell a inclus sa hCard dans son Curriculum Vitae.
• Shaun Shull a écrit un billet magnifique sur How Microformats Affect SEO, et a inclus sa hCard comme l'un des exemples.
• Jesse Skinner a écrit un tutoriel simple avec des exemples
• 2006 W3C Technical Plenary Week a marqué tous les participants, contacts et membres du comité de programme avec hCard.
• AVF-Nexus a une hCard sur sa page contact - (par Creation")
• Andrew White a posté sa hCard et a blogué à propos.
• Oleg "2sheds" Kourapov dans son blog (X2V) a transformé son profil personnel en hCard (X2V) et sa blogroll - par une combinaison de XFN/hCards (X2V)
• Approved Design Consultancy a une hCard sur sa page contact tout comme sur sa section "people" - (par Creation")
• Ben Buchanan et Colin Morris ont implémenté les hCards et vCards pour l'annuaire téléphonique en ligne de l'Université Griffith. par ex. la vCard de Ben et la vCard de Colin
• WWF-Australia page "contact details"
• Pete Prodoehl a utilisé le format hCard sur sa page Contact
• amette utilise le format hCard dans un module de son blog motorisé par TikiWiki
• Oren Sreebny a une hCard sur son gabarit principal
• Patrick Tufts a une hCard sur sa page personnelle.
• Mathias Kolehmainen et Jamie Taylor ont des hCards sur leur weblog.
• Barnaby James a une hCard sur son weblog.
• ESA Education utilise les hCards pour ses 100+ écoles et chacun des sites individuels des écoles.
• Ralph Brandi a ajouté une hCard à la barre latérale de son weblog suite à la portion de présentation des Microformats de Tantek Çelik lors de SXSW 2006.
• Yellow Pencil utilise les microformats pour présenter l'information de contact de la société.
• Pierce College -- le répertoire de la communauté utilise hCard de toutes les entrées des invididus.
• the Institutional Web Management Workshop 2006 a balisé tous ses 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.
• Musik-Erber utilise hcard pour présenter l'information de contact dans sa barre latérale.
• 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 People Pages utilisent vCard. Contactez cjg@ecs.soton.ac.uk s'il y a quelque bug.
• Pat Ramsey a son information de contact sur son blog balisée avec hCard. Contacter ramsey.pat@gmail.com s'il y a quelque bug.
• Meryl K. Evans a une hCard cachée sur sa page d'accueil.
• VYRE est une société de développement de CMS avec une hCard "contact us"
• Alf Kåre Lefdal utilise hCard dans le balisage de son information de contact
• Pig N Whistle, une chaîne de pubs dans Brisbane, Australie utilise hCad pour baliser toutes les pages contacts pour ses établissements et son siège social.
• Harvard Business School a des hCards sur ses pages 'faculty'
• openmikes.org utilise des hCards pour les adresses des lieux dans les pages listes détaillées.
• Le site web de Turner Classic Movies TCM espagnol a publié les détails de contacts sous une hCard
• Rejuvenation utilise maintenant hCard pour son information de contact.
• Matthew Ash utilise hCard dans sa section contacts.
• Yarmouth Guide utilise hCard pour chaque page de détails sur le business.
• 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.
• Le camping des Genêts à l'ile de ré a utilisé une hCard pour inclure ses informations de contact.
• Le site des entrepots Lafond a publié ses informations de contact à l'aide d'une hCard.

Exemples

• shifting pixel photoblog a publié une hCard.
• Aiden Kenny n'a pas encore publié sa hcard, mais il a publié son icône hCard :
• Andy Hume utilise les hcards pour baliser les noms et URLs des commentateurs sur son blog, par ex son billet de blog sur "Using hCards in your blog".
• La page Contact BidClix de BidClix a son contact info balisé avec hCard.
• Brian Suda a géré pour embarquer une photo dans sa hCard à travers le schéma de data uri en convertissant l'image en code BASE64. Regardez le Source pour voir comment cela est réalisé. 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é essayé la même chose pour SVG sur 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 le journal slashdot de pbhj pour en savoir un peu plus à ce propos.
• Cinema Treasures utilise hCard pour baliser l'information des participants sur plus de 10,000 cinémas.
• L'index des présentations et événements de Dan Connolly a des hCards pour beaucoup des gens qu'il a rencontré 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.
• Don Crowley a publié son hCard tout comme un joli bouton hCard :
• Douglas W. Clifton a ajouté tous les types d'information de contact.
• Eventful publie toutes les pages d'informations des participants avec des hCards embarquées.
• Iowa Military Veterans Band Contacts - 95 hCards balisées par Scott Reynen
• Jack L. Wolfgang II a converti les adresses dans son CV en hCards.
• Mathieu Drouet et Annie Leger ont tous deux des hCards
• Neil Dunn a publié sa belle hCard
• Oliver Brown a publié sa hCard.
• Paradigm Productions a publié une hCard sous un ul (balisée par Peter Jacobson)
• Patrick H. Lauke a balisé son information de contact avec hCard.
• Paul Schreiber a publié sa hCard sur [http://paulschreiber.com/about/?contact sa page "about".
• Le site Sunnyvale House Concerts de Paul Schreiber publie des hcards pour les artistes à venir, tout comme une hCard pour la page elle-même. En outre, la page Past Shows contient la page Past Shows contient des hCards pour tous les artistes étant passés.
• 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.
• Phil Windley a publié sa hCard.
• Piercarlo Slavazza a publié une hCard.
• Rob Mientjes a publié une hCard sur his about page.
• Robert Bachmann a publié sa hCard et un bouton.
• Scott Reynen a publié sa hCard sur [http://www.randomchaos.com/document.php?source=scott_reynen sa page profil.
• StackFrame, LLC a publié les informations de contacts des employés et générales sous des hCards.
• Steven Ametjan a publié sa hCard sur sa page about.
• Syndicate - Speaker List sous un ensemble de hCards
• liste des contacts TagCamp
• Thoughts inclut une hCard de l'auteur dans la ligne en bas de la page.
• La page About de Technorati liste leurs Media Contact
• The Brothers McDowell ont des hCards sur leur page Contact.
• Twinsparc a mis une hCard dans l'en-tête et le pied de page de toutes ses pages.
• la page Web 2.0 Conference speakers est balisée avec hCard
• Web Essentials 05 a balisé tous ses conférenciers avec hCard.
• L'Université de Guelph inclut une info hCard dans son répertoire.

Exemples avec quelques problèmes

• Gerard Braad a publié un exemple sur sa page profile qui est presque cohérent avec son fichier original vCard. Aussi un progrès est fait pour transformer son fichier FoaF vers une représentation encodée hCard. (produit aussi pour mon épouse  :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 --RyanKing 17:19, 5 Jan 2006 (PST)
• Cori Schlegel discute comment il a mis à jour 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') --RyanKing 15:15, 5 Jan 2006 (PST)
• Le 'good ship' Leonid Miloslavskiy a pointé dans l'Atlantique Nord.
  • INVALIDE --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)
• Landsbanki Føroya
  • INVALIDE - utilise de manière invalide du rdf/xml embarqué
• la page contact de Chris Cherry avec sa hCard
  • AVERTISSEMENT - utilise class="cell" au lieu de <span class="type">cell</span> Réparé -- Chris Cherry 19:54, 15 Sep 2006 (PST)
• Les résultats du "Person Finder" de l'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. --RyanKing 14:29, 5 Jan 2006 (PST)
  • L'erreur n'apparaît que pour les utilisateurs externes. Ne sera pas réparé sous peu. -- PhilWilson 00:03, 28 Jan 2006 (GMT)
• Richi Jennings a placé son essai.
  • INVALIDE, FN manquant --RyanKing 12:47, 5 Jan 2006 (PST)
• 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" -- ScottReynen 21:29, 19 Jun 2006 (CST)