hcard-examples-in-wild-fr
Exemples de hCards dans la jungle
Cette page est une section informative de la spécification des hCards.
Les sites suivants ont publié des hCards et sont par conséquent un endroit merveilleux pour quiconque cherchant des exemples "dans la jungle" pour essayer de parser, indexer, organiser, etc.
Si les personnes ou les 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 une 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 publication hCard pour ajouter un balisage hCard à votre page contact actuelle.
Boutons
Vous pouvez utiliser ces boutons sur les pages ayant des hCards. Voir boutons hCard pour les ajouts récents.
- (miroir : )
- Bouton-powered-CSS, comme justifié sur les badges microformat @ re-run
Exemples pour se conformer
Nouveaux exemples
SVP ajoutez de nouveaux exemples en haut de cette section de façon qu'ils puissent être révisés ! SVP revenez vérifier quelques jours après pour voir si quelqu'un aurait trouvé quelque problème avec l'exemple fourni.
- sfghoul a marqué son information de contact avec hCard
- Zaadz utilise hCard et XFN pour ses amis sur une page profil des utilisateurs.
- Xoxiety utilise les hCards sur sa page "about", en liant les données à partir d'un bloc intérieur de texte.
- Yedda - Yedda fournit des identités basées sur hCard sur tous les profils des personnes
- OpenID.ne.jp Premier service de fournisseur OpenID au Japon (日本語). Chaque page personnelle OpenID (par ex :http://eouia.openid.ne.jp) est marquée avec hCard. Et il existe aussi une hCard de société sur chaque page.
- Golden Glove Promotions a utilisé des hcards sur le pied de page de chaque page pour l'information de contact.
- Les sites d'actualités Australiens "The Australian" et "Australian IT" utilisent hCard sur leurs pages de contacts : The Australian (contact us) et Australian IT (contact us)
- The Kiwi Holiday utilise des hCards pour les Hôtels en Nouvelle Zélande, les Restaurants en Nouvelle Zélande et les Activités en Nouvelle Zélande. Fournit aussi une fonctionnalité hCard "download to address book" sur les pages de détails des listes, par ex. le Restaurant Tonys Steak
- Service Works Global utilise des hcards sur la page "contactus" et dans le pied de page du site.
- QC Industries Conveyors utilise des hcards pour stocker l'information de contact dans le pied de page du site et dans ses communiqués de presse.
- The Confucius Institute for Scotland à l'Université d'Edinbourg a utilisé une hCard pour stocker l'information de contact dans le pied de page de la page.
- Affiliated Direct Mail est une société de marketing direct dans le New Jersey qui a son information de contact en format hCard.
- Golf Digest supporte maintenant hCard dans des pages de Recherche de Cours. exemple
- Dev Opera Le site des développeurs d'Opera utilise des hCards sur les pages de détails des auteurs.
- Le blog d'Alexandre BALMES incluant hCard
- Annuaire du handicap Handica.com incluant des hCards ([1] Exemple)
- la page contact de Chris Cherry avec sa hCard
- www.kiteboarder.com.au Un nouveau portail australien de kiteboarding. Les microformats ont été utilisés de façon que les utilisateurs puissent exporter les magasins
directement vers outlook. J'ai pu apprendre les microformats durant la conférence Media 2007 à Londres - Auteur : Damien King - KREVI Un institut de recherche Danois. Utilisant la hCard dans le pied de page de chaque page et sur la liste du personnel. C'est le premier site web Danois connu du secteur public à utiliser les microformats.exemple liste du personnel
- Le site de l'équipe web du "College of Humanities and Social Science" à l'Université d'Edinburgh utilise une hCard dans le pied de page de chaque page.
- globeandmail.com Le journal national du Canada utilise une hCard pour son information de contact.
- Krzysztof Rucinski utilise une hCard pour ses détails de contacts sur la page contact Logisteam.
- Creation design & marketing a des hCards sur le site, y compris la page contact, les pages profils de la société et les commentaires sur les articles
- Les Explorateurs du Web publient leurs biographies, ainsi qu'une page contact, avec une hCard Les Explorateurs du Web
- Wikipedia a désormais un gabarit, hcard-geo, pour les hCards dans la ligne avec les coordonnées, tel que celui présent sur Engine Arm
- Corissia Group Hotels en Crète Grèce a inclus l'information de contact sous une hCard sur le pied de page de chaque page du site web. Il existe aussi une implémentation multilingue.
- Laura Zucchetti illustre une solution de mise en forme simple d'adresse sous une hCard et balisée dans une liste de définition.
- Feike Contact a une hcard en haut de la page.
- London Drum utilise un hébergement global de microformats - il y a des hcards et des geos sur les pages des hôtels, les événements sont écrits en format hCalendar sur la page d'accueil, et vous pouvez aussi trouver quelques critiques (comme sur la la page de l'Hôtel Athenaeum)
- Regelingenbank Stadskanaal a une hCard sur chaque page, contenant aussi l'information-Geo.
- Tom Stone - Trollkarl a une hCard dans le pied de page de chaque page du site.
- La page d'accueil de Rolands Umbrovskis a une hcard dans la page contact et toutes les autres pages avec l'information de contact.
- Epiphany Solutions Ltd utilise une hcard sur sa page "contact us". Nous avons l'intention d'utiliser la hCard sur chaque page si c'est implémeté avec succès, associé à un lien vers le générateur de vCard Technorati.
- Twitter utilise hCard pour l'information utilisateur (associé à plusieurs autres microformats)
- Ben Dodson utilise une hCard pour sa carte de visite sur chaque page de ce site tout comme il utilise les hCards pour toutes les relations XFN dans ses blogrolls.
- Les Membres du Groupe PATS uses hCard to mark up member contact information.
- CouchSurfing a une information limitée dans la hCard disponible sur les profils des membres (comme celui de Guaka).
- Wikipedia-UK (Ukranian)
- En cours de démarrage sur les biographies par ex. Vadym Hetman
- Christopher T. Cressman utilise une hCard sur la page d'accueil de son , christopher t cressman.
- Dmytro Shteflyuk utilise une hCard sur ses pages contact et curriculum vitae.
- Wikipedia-EN
- démarrage sur les articles traitant des personnes, par exemple Albert Einstein. La nature de Wikipedia signifie qu'il existe un grand nombre de gabarits à mettre à jour (celui d'Albert est en anglais "infobox scientist ; il existe aussi "infobox military people", "infobox musician" et ainsi de suite, presque à l'infini). La date d'anniversaire n'est seulement incluse que si elle est saisie en utilisant un gabarit date de naissance, pas sous forme de texte brut.
- commencé à initialiser les articles sur les lieux, par exemple le gabarit sur les gares de trains anglaises, par ex. Birmingham New Street station (comprend Geo) ; et les villes, par ex. New York. Voir ci-dessus pour la remarque sur les gabarits de Wikipedia.
- N'importe quel éditeur de Wikipedia souhaitant aider à mettre à jour les gabarits devrait regarder le projet microformat de Wikipedia et tenter de le localiser sur la wikipedia francophone ; les gabarits Wikipedia générant des hCards & Wikipedia les gabarits Wikipedia générant du Geo
- Le site de Bay of Islands a implémenté hCard sur toutes ses pages, par ex : Saltwater Lodge
- Merrick Schaefer utilise hCard sur sa page personnelle pour son information de contact.
- Wikipedia-EN - démarrage par exemple sur les gabarits des gares britanniques, par ex. Birmingham New Street station (inclut le microformat geo).
- Christian Hess a une hCard dans ses pages contact et personal curriculum.
- Jam Planet utilise hCard dans sa page 'Contact Us' ; l'application peut générer une hCard pour un contact.
- The Anisfield-Wolf Book Awards, conçu spécifiquement pour reconnaître les travaux résolvant des problèmes de racisme et de diversité, utilise hCard pour les bios des auteurs des 'past winners'.
- Buy Our Honeymoon, un enregistreur de liste de mariage utilise hCard dans sa page Contact Us.
- Le Webmestre du W3C Jean-Guilhem Rouel a maintenant une hCard.
- iBegin Source - Plus de 10.8 millions d'entreprises ont leur information balisée avec hCard. Exemple : General Atomics
- Jean-Christophe Capelli sur une 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.
- 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.
- Cloud Islands utilise hCard pour l'innformation de contact.
- UNT International utilise hCard pour baliser l'information de contact sur tout le site (voir particulièrement la liste des profils des instructeurs IELI)
- giraffo.de a différentes hCards sur chaque page (+ geo dans "kontakt")
- ENAP, Inc. liste le contact de la DRH en format hCard sur la page Career Opportunities.
- Les listes des panélistes et participants à Conferenceer durant la conférence interactive 2007 South de Southwest est au format hCard.
- 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.
- Valérie-Eve Moreau a bricolé une hCard sur sa page personnelle-wiki.
- St George's Minster, Doncaster, sur Wikipedia
- AOL Journals publie des hCards pour les auteurs. Example
- La home page de Ian McKellar est une hCard stylée pour ressembler à une carte de visite professionnelle.
- Christophe Ducamp sur une page personnelle d'une branche-wiki dédié à construire un groupe francophone sur les microformats. Aidé par Laurent Lunati pour le design, tout le monde peut la corriger en éditant la page.
- Matthew West a une hCard sur sa page contact.
- Le portofolio du FreeLance en développement web Paweł Wrzosek
- Thibeault Studios a une hCard d'entreprise dans le pied de page sur chaque page tout comme des hCards individuelles sur la page Contact.
- Le balisage hCard 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.
- OpenID.ne.jp Premier fournisseur de service OpenID au Japon (日本語). Chaque page personnelle OpenID (par ex :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 UK Car Garages au Royaume Uni au format hCard.
- La page About Us de Columbia Automation a balisé chaque employé sous une hCard et dispose aussi d'une hCard de société avec l'information geo.
- Pointermix Design utilise le format hCard.
- La page contact de eight6 utilise le format hCard
- Les listes d'annonces de Rave About It utilisent le format hCard.
- La page de l'équipe d'optics.org.
- La première tentative de 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.)
- Steve Ivy - hcard sur la page "about", inclut les suspects usuels + XFN sur les 'url's, photo, et geo.
- L'Université de Seattle utilise hCard sur sa page d'accueil et la plupart des pages qui partagent un gabarit officiel.
- 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 page contact
- 3AM Productions a les détails de société balisés sous hCard sur tout le site et particulièrement pour Jason et Gilbert
- Berlin Guide est en train de convertir son balisage d'adresses en hCard, par ex. KaDeWe
- XLNTads a son information de contact balisée en hCard, tout comme son plan de développement balisé en hCalendar
- Derrick Pallas dit aux personnes de le chercher là.
- Bill Turner ajoute une hCard à la page contact de son site web de freelance.
- 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.
- NYU Steinhardt a plus de 240 bios de faculté balisées, par ex. [2].
- boogdesign.com a ajouté une syntaxe hCard sur la page de contact.
- GreatPlaceToGolf, hCards pour les clubs de golf autour du monde, par exemple [3]. Utilisation de hCard pour les joueurs et les terrains de golf, geo pour les coordonnées des terrains, et hAtom. Réalisé par FredericLepied
- 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.
- Walker Fine Art Gallery La plupart des pages contiennent une hCard en pied de page.
- 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.
- 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 page about de 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 sa page utilisateur et sur son blog, plaintxt.org
- La hCard de Bob Jonkman sur ce 'wiki'
- The Ten Word Review contient simplement des critiques de dix mots. Toutes les critiques sont balisées sous des hReviews et l'information utilisateur est balisée sous hCard.
- Le West Midland Bird Club (Club d'oiseau d'intérieur occidental d'Angleterre) utilise hCard sur sa home page, son annuaire d'événements, sa page contact, sa page de liens, la 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 Contacts Starsoft et 'Media Inquiries'.
- T-Mobile utilise hCard pour la 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 Clinical Psychology Arena)
- 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 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 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
- Christian Heilmann a une adresse en pied de page utilisant hCard
- 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.
- 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.
- 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.
- Tagg Media utilise hCard pour l'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 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.
- Dunks chez Wide Blue Yonder Web Design a ajouté un balisage hCard sur sa page contact et cherche à l'implémenter sur toutes les pages des contacts passés et futurs pour les clients.
- Southampton Rubber Stamp Company a déspormais un balisage hCard avec un téléchargement de vCard sur chaque page.
- 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.
- 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 '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 . La 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. Pour nos calendriers les hCalendars suivront dès que possible.
- Patrick Kollitsch a construit son Profil personnel sous hCard.
- MSI Systems Integrators a sa page "Contact MSI" encodé avec des hCards.
- 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.
- 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
- 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 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
cell
pour les mobiles). - 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 son pied de page contact encodé sous hCard.
- 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 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')
- Direction utilise hCard pour l'information de contact.
- AudioBank utilise hCard pour afficher les informations des membres.
- @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
- 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 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é du collège utilise hCard sur toutes les entrées individuelles des carnets d'adresses.
- 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.
- 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 hCard pour baliser toutes les pages contacts pour ses établissements et son siège social.
- Patrick Kollitsch a construit son Profil personnel sous hCard.
- 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.
- InterTecno, LCC publie une hCard sur la page d'accueil et la page contact.
- 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.
- MerchantCircle a embarqué une hCard dans chacun de ses listings professionnels de plus de 15 millions d'adresses.
- Paul Roub a une hcard pour lui-même sur la page d'accueil de son blog.
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, ou soulevez toute question sur les problématiques hCard ou la liste de discussion, un endroit où les personnes seront heureuses de vous aider.
Les exemples peuvent aussi être triés dans les sections groupées en-dessous, et notées dans une sous-section avec un en-être mineur (non placé dans la table des matières) : avec quelques problèmes : (voir par ex. Institutions). De cette façon, il est plus facile de maintenir des exemples similaires groupés ensemble, même s'ls ont un problème, de façon à ce que quand les problèmes sont réparés, elles peuvent être simplement migrées en haut plutôt que d'avoir à les trier dans le groupe approprié.
Considérez svp de distinguer les problèmes comme suit :
- invalide - la hCard est invalide et ne peut pas être analysée par un parseur pour toute information du fait d'un problème.
- sous-optimal - la hcard est valide techniquement, mais a soit une ou plusieurs propriétés qui n'ont pas de données du fait d'un problème de marquage (par ex. adr sans enfants), et/ou il y a des données à l'intérieur du marquage hCard qui pourrait être marqué avec une (sous)propriété hCard mais ne le sont pas.
- caché - une ou plusieurs (sous)propriétés de la hcard sont cachées via CSS ou tout autre mécanismel et son de ce fait potentiellement démodées ou vulnérables à se faire étiqueter comme du spam par les moteurs de recherche.
- reefscape.net une page de blog personnel qui a une hCard cachée dans la section "about" sur chacune des pages. Une vCard peut être téléchargée en utilisant le service Technorati.
- Cachée.
- www.cosmotourist.com et www.cosmotourist.de. Un nouveau portail Allemand et Anglais traitant des trucs de voyage. Utilisant la hCard cachée pour les listings d'hôtels, à chaque fois que les données d'adresses sont disponibles.
- Cachées.
- Venn Communications System utilise une hCard cachée sur tout le site.
- Cachée.
- Last FM a des hCards cachées sur ses pages profils par ex. [4].
- hCards cachées
- Kriss Watt a caché une hCard dans le pied de page de son blog.
- Cachées.
- Frances Berriman a une vCard cachée dans les pieds de page de son site web.
- Cachée.
- CandleScience Candle Supply a ajouté une hcard cachée sur tout le site.
- Cachée.
- Meryl K. Evans a une hCard cachée sur sa page d'accueil.
- Cachée.
- High Flyers Careers, la première agence de placement de personnel pour les équipages de vol utilise les microformats pour sa page d'information corporate. Utiliser les standards ne pourraient pas être mieux et plus facile.
- A les préfixes honorofiques en tant que partie du "fn", plutôt que marqués séparément.
- Spotstor.com eg - [5] utilise hCard sur les pages de profil (là où l'utilisateur est invité à afficher son information de contact).
- Stanford Online Accessibility Program a implémenté hCard sur chaque page
- positionné hors de l'écran via CSS Andy Mabbett 15:09, 9 Apr 2007 (PDT)
- Communiqué de Presse de Belkin - Tous les communiqués de presse de Belkin depuis octobre 2006 utilisent les hCard et vCard pour l'information de contact.
- Une des trois hCards est invalide (pas de "fn") Andy Mabbett 16:50, 2 avril 2007 (PDT)
- Ray & Berndtson, une entreprise de recrutement a balisé tous ses bureaux dans le monde sous des hCards, par exemple ses bureaux au Royaume Uni.
- Tout invalide : pas de "fn". Andy Mabbett 07:05, 31 Mar 2007 (PDT)
- Pierre-Philippe Cormeraie sur une page personnelle d'une branche-wiki consacrée au PinkoMarketing en langue française.
- manque un lien habillé "ajouter au carnet d'adresse" pointant vers un convertisseur vCard -- xtof 02:29, 29 Mar 2007 (PDT)
- Alexa Internet a balisé sa page des managers avec hCard.
- Titre du job de la personne dans le "fn". Andy Mabbett
- Natural England (nouvelle agence de gouvernement au Royaume Uni, formée 2006-10-01).
- Pas de "fn" - ce qui fait que c'est invalide.
- 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.
- 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.
- ZDnet Contact Us Page supporte hCard.
- par James Myers et David Long
- Les images et adresse email sont cachées ; les numéros de téléphone ne sont pas compatibles avec E.123
- 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)
- INVALIDE --RyanKing 00:50, 27 Oct 2005 (PDT)
- Landsbanki Føroya
- INVALIDE - utilise de manière invalide du RDF/XML embarqué
- 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)
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 partie, et puis svp migrez le vers la section 2 des "Exemples Groupés".
- Greg Bays, l'auteur de vCardPlus! a fait que ses sites vCard affichent la compatibilité hCard.
- New Frontier Web Solutions utilise hCard sur sa page d'accueil avec un lien pointant vers le X2V de Brian Suda.
- 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 embarqué 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é essayer 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 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.
- 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 lieux 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
- 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 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 sa page about.
- 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 - la liste des Conférenciers est publiée sous un ensemble de hCards
- liste des contacts TagCamp
- 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.
- 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 !
- CADforless, Inc. nous avons listé nos partenaires en utilisant hCard
- Avon - publie tous les contacts des 40 000 représentants Avons avec hCard.
- La page Flock About supporte le microformat hCard.
- par Flock
- Iowa Military Veterans Band
- La Nature homepage, utilise XOXO.
- Sunnyvale House Concerts supporte hCard et hCalendar.
- Le moteur de recherche Person Finder de l'Université de Bath supporte hCard, voir par ex. la page de Mrs A Smith.
- Monster Prague Openings supporte hCard, par ex. home page, une liste de contacts à venir.
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".
- Blogs de Groupes - blogs avec plusieurs auteurs marqués avec hCard
- 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 David Baron est balisée avec hCard.
- La page d'accueil de Tantek Çelik inclut une hCard d'auteur dans la ligne en bas de la page.
- Chris Wilson a une hCard pour lui-même sur sa page about.
- ...
Organisations
- Technorati (3)
- Les pages about, press et contact sont balisées avec hCard et ont des liens "Add to Address Book" qui utilisent le Technorati service Fil de Contacts.
- Technorati Japan (1)
- la page contact est marquée avec hCard
Institutions
- La page Staff de Technorati a des hCards pour ses collaborateurs (~31)
- par exemple Adam Hertz, Matthew Levine, Ryan King, David Sifry, etc.
Blogs de Groupe
avec quelques problèmes :
- Le Podacast IBM Shortcuts a des auteurs marqués avec des hCards qui ont quelques problèmes :
- cachée : L'élément racine hCard tout comme chaque propriété contenue à l'intérieur est rendu invisible par un attribut de style contenant "position:absolute; visibility:hidden".
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. Trié à peu près par ordre alphabétique (selon l'Unicode).
- Dmitry Dzhus a emabarqué sa hCard encodée UTF8 avec des caractères russes dans la page "Auteur" de sont site web.
- Tantek's Thoughts encode Çelik comme de l'UTF8 dans la ligne.
- L'information de contact Technorati Japon encode le japonais comme de l'UTF8 dans la ligne.
- Vadym Hetman (Wikipedia-UK (Ukrainien))
seulement des nickname
Ces exemples UTF8 n'ont que l'UTF8 pour la propriété "nickname" et sont de ce fait un peu plus faciles pour tester que les exemples précédents.
- Différents articles de la Wikipedia-EN, par ex. le "nickname" dans : Noyabrsk (Russe), Thessaloniki (Grec), Kyoto (Japonais) et Beijing (Chinois)
Exemples Non-HTML
Pages Apparentées
- hCard
- hCard anti-sèche - propriétés hCard
- hCard creator (réactions) - créez votre propre hCard.
- hCard publication - apprenez comment ajouter du balisage hCard à votre information de contact existante.
- hCard exemples - exemple d'usage de différentes classes dans la hCard.
- hCard exemples dans la jungle - une liste mise à jour de sites web qui utilisent les hCards.
- Profils utilisateurs supportant hCard - sites avec des profils utilisateurs marqués avec hCard - un exemple très commun.
- hCard FAQ - si vous avez quelque question à propos de hCard, regardez ici.
- implémentations hCard - les sites web ou outils qui génèrent ou parsent les hCards.
- hcard-implied-fr - une proposition pour créer une méthode alternative de baliser une hCard simple
- hCard parsage - détails des normes sur la manière de parser les hCards.
- hCards et pages - distinctions sémantiques entre différentes hCards sur une page, et comment identifier chacune
- hcard-interface-utilisateur - techniques et problématiques autour des interfaces-utilisateurs pour éditer, publier et afficher des hCards.
- hCard profile - le profil XMDP pour hCard
- hCard propriétés singulières - une explication de la liste des propriétés singulières dans hCard.
- hCard tests - une page wiki avec des véritables hCards embarquées pour essayer le parsage.
- hCard soutien - encourager d'autres à utiliser hCard
- hCard "to do" - travaux à faire
La spécification hCard est un chantier en cours. Au fur et à mesure que des aspects supplémentaires sont discutés, compris et écrits, ils seront rajoutés. Ces idées, problématiques et questions sont maintenues sur des pages distinctes.
- hCard brainstorming - brainstorms et autres explorations en rapport avec hCard. Voir aussi geo brainstorming.
- hcard-parsing-brainstorming - brainstorming spécifique au parsage de hCard
- geo brainstorming
- hCard réactions - feedback général (contrairement aux problématiques spécifiques).
- hCard problématiques - problématiques spécifiques à la spécification.
- vCard errata - corrections à la spécification vCard, sous jacentes à hCard.
- vCard suggestions - améliorations suggérées à la spécification vCard.