hcard-examples-in-wild-fr: Difference between revisions
m (Replace <entry-title> with {{DISPLAYTITLE:}}) |
|||
(110 intermediate revisions by 34 users not shown) | |||
Line 1: | Line 1: | ||
{{DISPLAYTITLE:Exemples de hCards dans la jungle}} | |||
<div style="height:7.5em;text-align:center;font-weight:bold;font-size:larger"> | |||
<span style="padding:3em 0;float:left;width:33%">[[hcard-examples-in-wild-fr#exemples_par_catégories|Vous voulez des hCards]]</span><span style="padding:3em 0;float:left;width:33%">[[hcard-examples-in-wild-fr#exemples_nouveaux_et_non-catégorisés|Vous avez des hCards]]</span> | |||
</div> | |||
Cette page est une section '''informative''' de la [[hcard-fr|spécification | Cette page est une section '''informative''' de la [[hcard-fr|spécification hCard]]. | ||
Les sites suivants ont publié des [[hcard-fr|hCards]] | Les sites suivants ont publié des [[hcard-fr|hCards]] et sont par conséquent un endroit merveilleux pour quiconque cherchant des exemples "dans la jungle" pour l'inspiration, ou essayer de parser et d'indexer. | ||
Si | == exemples nouveaux et non catégorisés == | ||
'''Vous avec une hCard ?''' Si vous avez un site avec une ou plusieurs hCard, ajoutez-le 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 une URL vers une page avec un balisage hCard pourront être supprimés. Revenez après quelques jours, pour voir si quelqu'un aurait trouvé quelque problème avec les exemples fournis. Notez que les exemples peuvent être catégorisés et migrés sur la section groupée au-dessous. | |||
Vous | Vous pouvez vouloir utiliser ces boutons sur vos pages avec des hCards. Voir [[buttons-fr#hCard]] pour les ajouts récents. | ||
http://www.davidjanes.com/images/mf_hcard.png <!-- initialement http://www.crowley.nl/images/hcard.png --> <!-- http://rbach.priv.at/2006/buttons/hcard.png --> http://www.boogdesign.com/images/buttons/microformat_hcard.png | |||
<!-- | |||
SVP ajoutez | SVP ajoutez les nouveaux exemples *en haut de cette section* | ||
--> | |||
* [http://www.vtcreative.fr Vtcreative] utilise hCard dans le footer du site pour mettre à disposition des visiteurs ses informations de contact. | |||
* [http://aquelito.fr Axel Roche] utilise hCard pour l'information de contact. | |||
* [http://jerba.be Djerba] utilise hCard pour les services listés dans l'annuaire et permet le téléchargement des données au format (.VCF) Exemple : [http://jerba.be/fr/annuaire/radisson-blu-djerba-s4.html Radisson Blu Djerba] | |||
* [http://johanramon.fr Johan Ramon] utilise hCard sur son <abbr title="Curriculum Vitae">CV</abbr>. | |||
* [http://cuisine-ultime.fr Cuisine ultime] - Utilise une hCard sur toutes ces pages pour lien de contact avec l'administrateur (contact invisible seul l'importation est possible). | |||
* [http://survie.org Survie France] - présente les coordonnées de son siège national via une hCard dans le pied de page. | |||
* [http://www.norfolkblackhistorymonth.org.uk/contact.html Norfolk Black History Month] - utilise hCard sur la page de contact et sur le site, fournissant une information de contact pour les lieux des évènements, organisateurs et organisations partenaires. | |||
* [http://www.veganusofa.com/ VeganUSofA] - utilise hCard pour l'adresse organisation et entreprise. Exemple : [http://www.veganusofa.com/index.php?listing=4 The All Vegan Store]. | |||
*[http://adrianindo.blogspot.com Blog d'ADRIAN] a placé une hCard pour se présenter plus précisément aux visiteurs. la hCard a été listée comme un nom, une url de blog et les organisations. Vous pouvez la voir en bas de la barre latérale droite du blog. | |||
* [http://www.canadianpokerexpo.com The Canadian Poker Expo (Toronto)], Une Expo de Poker se concentrant sur le marché à Toronto utilise hCard pour [http://www.canadianpokerexpo.com/Contact-Us/Contact-Form sa page de contact]. | |||
* [http://www.semineeas.ro Seminee As], un producteur roumain d'extincteur utilise hCard pour [http://www.semineeas.ro/contact/ l'info de contact] avec téléchargement optionnel de la vCard | |||
*[http://www.gastrohep.com/aboutus.asp GastroHep.com] la page "About Us" utilise une hCard pour l'adresse de contact. | |||
*[http://leemannphotography.ca/?p=contact Lee Mann Photography] utilise une hCard pour l'adresse de contact tout comme sur le blog. Idéalement elle sera bientôt en pied de page de chacune des pages. | |||
*[http://www.kimburgess.info Kim Burgess] information minimaliste du site web avec marquage hCard. | |||
*[http://www.plumbset.co.uk/ContactUs.htm PlumbSet UK Ltd] utilise hCard pour l'information de contact, y compris plusieurs adresses. | |||
*[http://www.manuhealth.com/products/manuka-soap-75gm Manuhealth Natural Remedies] utilise hCard pour l'adresse de retour sur les pages produits. | |||
*[http://www.farmaciasarria.com/esp/mapa.php Farmàcia Sarrià - Farmàcia Finestres Capdevila] utilise une hCard pour son information de contact. | |||
*[http://www.naturesbestshot.com Nature's Best Shot Photography] - utilise une hCard sur la page contact | |||
*[http://www.noomii.com/life-coach Noomii.com Coach Directory] - chaque coach professionnel dans l'annuaire est une hCard. | |||
*[http://www.ethical-junction.org/member/org-2012.html Ethical Junction CIC - Profile page] Nous utilisons hCard pour chaque organisation sur sa page de profil. | |||
*[http://www.bowtietv.com Bow Tie Television] utilise hCard pour l'information de contact sur chaque page et dans la section contacts. | |||
*[http://www.tauruslogistics.co.nz/about/contact Taurus Logistics] utilise hCard pour l'information de contact. | |||
*[http://www.professdiamond.com/ professdiamond] encode Thai sous UTF8 dans une hCard dans la ligne au bas de chaque page. | |||
*[http://avonvalleylocalguide.iinet.net.au/ Avon Valley Local Guide] utilise hCard pour l'information de contact des annonceurs. | |||
*[http://www.arizonafirstresponse.com/ Arizona First Response] utilise une hCard sur chaque pied de page. | |||
*[http://dillingham.me.uk/ Iain Dillingham] utilise une hCard sur chaque pied de page, et a un exemple stylisé (avec le logo microformats) sur sa [http://dillingham.me.uk/contact.html page contact]. | |||
*[http://www.pixeflips.com/ Pixelflips Web & Interface Design] hCard est utilisé dans le pied de page de toutes les pages pour un accès facile à l'information. | |||
*[http://www.herminesperr.at/ Hermine Sperr, Qualified Practitionier of the Grinberg Method® à Vienne/Autriche] Une hcard est utilisée pour l'information de contact sur chaque page du site. | |||
* [http://www.barnard.edu/ Barnard College] - Les profils utilisent hCard pour l'information de contact. Exemple : [http://www.barnard.edu/faculty/profiles/mehrling_p.html Profil de P. Mehrling]. | |||
* [http://www.ivycat.com/ IvyCat Website Services] - Société de design web et hébergement. Une hcard pour l'information de contact. Exemple : [http://www.ivycat.com/contact/ Contact Us]. | |||
* [http://www.modeltrainswithlarry.com/ ModelTrainsWithLarry] - Utilise hCard pour l'adresse. Exemple : [http://www.modeltrainswithlarry.com/index.php?listing=502 Choo Choo Barn]. | |||
* [http://www.gardeningwithlarry.com/ GardeningWithLarry] - Utilise hCard pour l'adresse. Exemple : [http://www.gardeningwithlarry.com/index.php?listing=2681 United States Botanic Garden]. | |||
* [http://abyrvalg.com/ Abyrvalg] - communauté de ville en Russie. Utilise hCard pour afficher les adresses des sociétés locales. Exemple : [http://moscow.abyrvalg.com/biz/faq-cafe FAQ cafe à Moscou]. | |||
* [http://www.jdclark.org/v1 Jordan Clark], from the Swansea area of Wales in the United Kingdom, uses [http://www.jdclark.org/card hcard for contact information]. | |||
* [http://whichtwitterapp.com/ WhichTwitterApp] provides [http://whichtwitterapp.com/reviews/iphone/tweetie reviews of twitter apps] using hCard, hReview, rel-tag and rel-home. | |||
* [http://www.robinleysen.be/Robin.html Robin Leysen] has a hCard on a separate page. Tried to be as complete as possible. hCard validated with Optimus. | |||
* [http://www.jay-photographics.de/ Jay Photographics] Photographer from Stuttgart, Germany. The hcard format is used on all pages for contact information. | |||
* [http://www.uniquesite.co.uk/ UNIQUEsite] Website designer based in Brighton, UK. Uses the hcard format for contact information. | |||
* [http://www.slideshare.net/ SlideShare] uses hcard to identify its users. see [http://hcard.geekhood.net/?url=http%3A%2F%2Fwww.slideshare.net%2Fkcmani#result Validated hcard] and [http://www.slideshare.net/kcmani Mani's SlideShare profile] | |||
* [http://chrisruppel.com Chris Ruppel], a web developer in Dallas, TX, uses an hcard for contact information site-wide (as well as XFN) | |||
* [http://greenspiritgardeners.com/ Green Spirit Gardeners] uses the hCard format throughout the site, including on the portfolio page for [http://greenspiritgardeners.com/portfolio/ commercial clients] and the [http://greenspiritgardeners.com/contact/ contact] page. | |||
* [http://www.dorettebos.nl/ Dorette Bos Coaching & Training] uses hcard microformat on the [http://www.dorettebos.nl/contact.php contactpage] | |||
* [http://volunteers.st/ Steffi & the volunteers] is an Austrian band and uses hcards for [http://volunteers.st/ band-contact in the footer] and on the page of the [http://volunteers.st/crew.html crew] | |||
* [http://www.textundkonzept.at Bernhard Ulrich] an Austrian copywriter uses the hcard format [http://www.textundkonzept.at on all pages of his website] for his contact information | |||
* [http://www.powerbrand.at/contact.html POWERBRAND] a brand name development agency uses a [http://www.powerbrand.at/contact.html hcard for contact information] | |||
*[http://www.koerperarbeit.net/ Anita Braunsberger, Qualified Practitionier of the Grinberg Method® in Linz/Austria] A hcard is used for contact information on her website. | |||
*[http://www.carpetscleansandiego.com Durbin's Carpet Care] displays a vCard for contact information and relevancy | |||
*[http://www.nationalrural.org/organisation.aspx?id=96a3fc04-5c03-4d31-bb8a-2c55cc29aed4 National Rural Knowledge Exchange] uses an hCard with geo tags when displaying an organisations information | |||
* [http://www.tinstar.co.uk/about-tinstar-design/contact-tinstar-design.html Tinstar Design] uses an hCard for company contact information. | |||
* [http://www.interdixit.com/esp/contacto.php Interdixit] uses an hCard for his contact information. | |||
* [http://www.sisnova.com/ Sisnova] uses hCard for his location pages. | |||
* [http://www.fenoyarquitectura.com/esp/situacion.php Eduard Fenoy i Associats] uses an hCard. | |||
* [http://www.deltronic.com/ Deltronic Corporation] of Santa Ana, CA has posted an hCard with geo tags on its [http://www.deltronic.com/contact.shtml Contact] page. Background image of a contact card reinforces content. For those without enabling browser extensions, both hCard "logo" and text link make vCard available via external parser. | |||
* [http://transitionsmft.org/ Transitions Marriage and Family Therapy] has an hCard with geo tags in the footer of each page. There is also an hCard for each counselor on the [http://transitionsmft.org/about.php About] and [http://transitionsmft.org/contact.php Contact]pages. | |||
* [http://ball.in.th/ ball.in.th] uses hCard to display all usernames. | |||
* Italian business directory and community portal [http://www.cylex.it/ cylex.it] implements hCard for companies’ contact information with geo tags. Example: [http://www.cylex.it/azienda/computerland-10559319.html company profile] | |||
* [http://jermy.musicremedy.com/ Jermy Leeuwis MSc] uses an hCard for his contact information. | |||
* [http://idoinfotech.com Gary Eckstein] uses an hCard for [http://idoinfotech.com/contact contact information]. | |||
* [http://www.drsuarez.net/ Dr. Suarez] uses hCard on his [http://www.drsuarez.net/cvitae.html resume page] | |||
* [http://sourceforge.net/projects/adx/ addressbook.xml] provides hCard support: [http://elektronengehirn.net/addressbook/addressbook.html adx live example] | |||
* [http://aplawrence.com APlawrence.com] is using hCard for its [http://aplawrence.com/Links/consultants.html Unix and Linux Consultants Page] | |||
* [http://www.afonsoduarte.com Afonso Duarte's Portfolio]. Uses an hCard for the contact information. | |||
* [http://www.rafe.me Web development by Rafe Harwood]. Uses an hCard for the contact line in the footer of every page. | |||
* [http://www.frogmeat.com Los Angeles Web Design]. Uses an hCard for contact information. | |||
* [http://www.arbea.basilicata.it/ ARBEA - Agenzia della Regione Basilicata per le Erogazioni in Agricoltura]. hCard is used both for classic [http://www.arbea.basilicata.it/index.php?option=com_contact&view=contact&id=4&Itemid=101 Contact page] and for farms showcase ("Vetrina Aziende Agricole") available for registered users. I've embedded it modifying Joomla! 1.5 com_contact core component. Users of this CMS can [http://joomlacode.org/gf/project/hcardcontact/ download my patch]. | |||
* [http://trumps.net Los Angeles Search Engine Optimization] Uses hCard in the footer of all pages. | |||
* [http://reaganvick.com Personal Portfolio of Lance Reagan Vick]. Includes examples of PGP and SSH public keys I have not seen used anywhere else. Hopefully someone finds it helpful! | |||
* [http://www.fracturedstudios.com Los Angeles Search Engine Optimization] uses hCard to provide address information at bottom of page | |||
* [http://www.csid.upt.ro/home.php The Distance Learning Center - CSID, "Politehnica" University Timisoara], Romania uses hCard, including geo information, in every page's footer for encoding the University address. hCard is also used for [http://www.csid.upt.ro/personal.php staff] and student contact information. | |||
* [http://rehabpizza.co.uk Rehab Restaurant] London restaurant, see the sidebar for link to [http://rehabpizza.co.uk/rehab.hcard the hcard]. | |||
* [http://www.outdoorla.org/ Los Angeles Hiking Trails] at the bottom right, our contact information is marked up as an hcard. | |||
* [http://c7.se Code7 Interactive] uses a hCard for Peter's [http://c7.se/contact contact details]. | |||
* The [http://www.austinartcollective.com Austin Art Collective] is a group dedicated to helping emerging artists sell their artwork online. There is space for users to submit [http://www.austinartcollective.com/gallery/Art-City-Austin.html art gallery reviews] as well, [http://www.austinartcollective.com/austin-galleries/Downtown.html organized by neighborhood] in Austin, TX USA. | |||
* [http://www.squaremeal.co.uk/ Square Meal Restaurant Guide] uses hCards and hReviews for all restaurant listings and [http://www.squaremeal.co.uk/review/Ristorante_Semplice/1596 visitor reviews]. | |||
* [http://www.vegan-nottingham.co.uk/ Vegan Nottingham Guide] uses hcards, including geo information, for each entry in the guide. | |||
* [http://www.cgtworld.com/ Cybernation Gamers Tournament] uses hCard in all users profiles like [http://www.cgtworld.com/profile/id-1/ Moonlext's Profile] and in the [http://www.cgtworld.com/about/press.html press page of CGT]. | |||
* [http://fcctlh.org First Christian Church of Tallahassee] Uses hCard in the footer of all pages. | |||
* [http://www.pseps.com/vc-people/a.cfm The PSEPS Venture Capital and Private Equity Directory] Venture capital and private equity directory using microformats (both for professionals and firms). | |||
* [http://www.koningskindkadootjes.nl koningskindkadootjes.nl] Hcard located at the bottom of the pages. | |||
* [http://www.futurix.nl futurix.nl website and webshop development] At the bottom of the pages you'll find the hcard. With a link to technorati the hcard is used to get a vcard out of the hcard. | |||
* [http://romjon.com/contact-us romjon.com website design & development] Contact Us page using hcard to markup address details. By using Operator, Google Maps and Yahoo! Maps can be made to open with the pointer, respectively, in pretty much and more or less exactly the right place. | |||
* [http://www.thebeanmachine.nl/ The Bean Machine] at the bottom right, our contact information is marked up as a hcard | |||
* [http://www.universalmedicalid.com/canada Universal Medical ID Canada] uses hCard to provide address information at bottom of page, as well as on a number of pages within the site. | |||
* [http://web.mac.com/a.gibson/ Alex Gibson Web Developer] uses hCard for contact info on his homepage. | |||
* [http://www.wardelldesign.com/html/contact/index.php Wardell Design] uses hCard for contact info with optional vCard download. | |||
* [http://www.drfosterhealth.co.uk/hospital-guide/ Dr Foster Hospital Guide] uses hCard to mark up hospital addresses. See [http://www.drfosterhealth.co.uk/hospital-guide/hospital/nhs/Basingstoke-and-North-Hampshire-Hospital-366.aspx Basingstoke hospital page] for example. | |||
* [http://www.drfosterhealth.co.uk/complementary-therapist-guide/ Dr Foster Complementary therapist guide] The [http://www.drfosterhealth.co.uk/complementary-therapist-guide/objectlist.aspx?w=32&p=8&obid=&sub=0 regulatory bodies page] uses hCard for contact details. | |||
* [http://wayne.edu/ Wayne State University] uses hCard for University address and contact details in the global footer used on most web pages. | |||
* [http://www.brakemeters.co.nz/ Portable Brake Meters N.Z. Ltd] uses hCard for business address and contact details. | |||
* [http://www.tallpoppieshamilton.co.nz/ Tall Poppies Florist] uses hCard for business address and contact details. | |||
* [http://www.livingcolour.co.nz/ Living Colour Florist] uses hCard for business address and contact details. See [http://www.livingcolour.co.nz/Information.aspx Information] page | |||
* [http://www.m-ephotographsen.fr/ m-ephotographsen] utilise hCard. | |||
* [http://www.2imahl.fr/fr/page/contact.html 2imahl fabricant de mobilier] utilise hCard sur sa page de contact ainsi que Geo sur sa page "[http://www.2imahl.fr/fr/info/plan.html plan]". | |||
* [http://www.energies-reseaux-expo.com/ Forum Energies Réseaux] utilise hCard dès lors que des données nominatives sont utilisées (organisateurs du salon, exposants, conférenciers, etc.) | |||
* [http://www.allogarage.fr/ Allogarage] - Comparatif des garages automobiles en France. Plus de 13 000 garages déjà référencés et disponibles au format hCard avec géolocalisation, exemple pour le garage | |||
[http://www.allogarage.fr/garages/details-garage-GRAND-GARAGE-PELLEPORT-10239.html GRAND GARAGE PELLEPORT]. | |||
* [http://MyVcf.com MyVcf.com] affiche les infos au format hcard et permet de les télécharger au format vcard. | |||
* Les Explorateurs du Web ont publié une hCard sur la [http://explorateursduweb.com/blog/about/ page contact] avec une hCard | |||
* [http://www.areaguides.net areaguides.net] utilise le marquage hCard pour toutes les adresses sur le site. | |||
** Exemples : http://chicagoil.areaguides.net/ypcyellowpg/restaurants.html, http://newyorkny.areaguides.net/hotels.html | |||
* [http://www.ll.georgetown.edu/ Georgetown University Law Library] à Washington, D.C. utilise maintenant hCard pour les adresses sur toutes les pages. Signalons aussi, que les pages de bio du personnel de la bibliothèque utilisent hCard comme [http://www.ll.georgetown.edu/staff/bio.cfm?id_no=105 here] and [http://www.ll.georgetown.edu/staff/bio.cfm?id_no=32 ici]. | |||
* [http://www.mtgd.gov.md/ Le Ministère des Transports et Industries de la Route] de la République de Moldavie. Le premier site gouvernemental moldave utilisant des hCards sur les [http://www.mtgd.gov.md/ministrul/ pages du personnel], [http://www.mtgd.gov.md/subdiviziunile-ministerului/ page des sous-divisions] et dans le pied de page de chaque page (contact) | |||
**Seules les versions en [http://www.mtgd.gov.md/ roumain] et [http://www.mtgd.gov.md/ru/ russe] sont disponibles à cette heure | |||
* [http://www.auctionlink.com.au/ AuctionLink] utilise hCard pour les enregistrements d'enchères comme [http://www.auctionlink.com.au/Auctioneers/Auctioneer/Cam_Brown_Auctions/ Cam Brown Auctions] (utilise aussi hCalendar) | |||
* [[User:WebOrganics|User WebOrganics]] Le Wiki Microformats wiki a des hCards sur ses pages utilisateurs. | |||
* [http://www.ontwerpkliniek.nl Ontwerpkliniek - Bureau voor Visuele Identiteit] utilise l'information de contact hCard sur la page d'accueil et la page contac. | |||
* [http://www.instantdes.com L'instant des...] utilise le format hCard pour tous les photographes publiés sur ce photoblog collectif. | |||
* le blog de groupe mediadesigner [http://www.pixeltapete.de Pixeltapete] utilise la hCard pour l'information de contact des pages des auteurs d'[http://www.pixeltapete.de/alex Alex] et [http://www.pixeltapete.de/carsten Carsten] et aussi [http://www.pixeltapete.de/kontakt imprint]. [http://www.pixeltapete.de Pixeltapete] utilise son propre [http://www.pixeltapete.de/2007/11/hcard-sidebarwidget-fuer-wordpress/ widget hcard] pour les barres latérales wordpress. | |||
* [http://www.thorsten-ott.de Thorsten Ott] utilise le format hCard pour la section contact de son résumé en ligne. | |||
* [http://rosebleed.net/ Rosebleed] supporte [[hCard user profiles-fr|les profils utilisateurs hCard]] - votre URL profil est <nowiki>http://rosebleed.net/users/profile.php/</nowiki> suivi de votre nomutilisateur, par ex. [http://rosebleed.net/users/profile.php/silvermoon82 silvermoon82]. | |||
**'''Réparé''' les profils sont marqués explictement 'n' chaque fois que possible, autrement il l'omet | |||
* [http://www.whitepages.com WhitePages.com] Désormais WhitePages.com a implémenté hCard sur toutes ses listes. Plus de 120 millions de hCards ! Comprend l'information professionnelle. | |||
* [http://www.warmoth.com Warmoth Guitar Products] présente l'information hCard à deux endroits, [http://www.warmoth.com/customerservice/customer.cfm?fuseaction=order How To Order] et tout le [http://www.warmoth.com/catalog Warmoth E-Store] | |||
* [http://www.bbc.co.uk/worldservice/bangladeshboat BBC World Service Bangladesh River Journey] un mashup de réseau social, avec hCard & d'autres microformats. Voir le [http://dharmafly.com/blog/bangladeshboat blog de discussion Dharmafly]. | |||
* [http://www.amants-du-chocolat.net/ ACCP :Les Amants du Chocolat de la Couronne Parisienne] utilise hCard sur sa page de contact et celles des fabricants de chocolats qu'ils ont dégustés. | |||
* [http://www.accountviewsoftware.nl/ AccountviewSoftware.nl] fait usage de hCards pour le répertoire des distributeurs [http://www.accountviewsoftware.nl/dir/ (répertoire)] | |||
* [http://www.crystalvision.co.il/ CrystalVision] utilise hCard sur sa page contact et dans le pied de page sur tout le site. | |||
* [http://www.indigoclothing.com/ Indigo Clothing] une société de t-shirt basée à Londre utilise hCard avec le lien Technorati " Add to Address Book" sur tout le site dans le pied de page. | |||
* [http://www.joshuamcginnis.com Joshua McGinnis] utilise hCard pour afficher son information de contact aux clients potentiels. | |||
* La [http://www.myaffordablemarketing.com/contact.php page contact de Affordable Marketing Solutions] utilise hCard avec Technorati "Add to Address Book". | |||
* [http://www.bo.ingv.it/contents/INGV-Bologna/Staff.html INGV Bologna] a implémenté les hCards pour les membres du personnel, marquées sous des lignes de table HTML (l'[[include-pattern-fr|include-pattern]] a aussi été utilisé pour ajouter le nom de l'organisation et le numéro de fax à chaque hCard). | |||
* [http://ideance.net/cv.php Sébastien Delorme] utilise une hCard sur son CV en ligne. Il a également créé une [http://ideance.net/lab/hCard/ hCard de Noah Bennet] (personnage d'une série américaine) dans le cadre d'un concours | |||
* [http://www.lefora.com Lefora] est un site gratuit d'hébergement de forums. Chaque profil utilisateur contient une hCard. (Exemple de forum pour tester :[http://funstuff.lefora.com funstuff.lefora.com]) | |||
* [http://www.handlairsystems.com H&L Air Systems] utilise hCard avec un lien Technorati vers le Carnet d'Adresses sur toutes les pages de contact. | |||
* [http://theultimates.whitepages.com WhitePages.com] Une version spéciale de whitepages.com a toutes ses listes marquées avec hCard. | |||
* [http://piermontweb.com/contact/ Piermont Web Design] utilise hCard sur sa page contact. | |||
* [http://www.ie.asm.md/en/ The Institute of Power Engineering] de l'Académie des Sciences de Moldovie. Premier site moldave utiisant des hCards sur les pages du staff, par ex. [http://www.ie.asm.md/employees/oleschuk-valentin/] | |||
**Aussi en russe : [http://www.ie.asm.md/employees-ru/sit-michail-lvovich/] et en roumain : [http://www.ie.asm.md/angajati/chiorsac-mihail/] | |||
* Le bateau [http://styrheim.com/test/leonid.html Leonid Miloslavskiy] a fait escale dans l'Atlantique Nord | |||
* [http://richi.co.uk/blog/2005/12/structured-blogging.html Richi Jennings] a placé son essai | |||
*[http://oberrycavanaugh.com O'Berry|Cavanaugh] a une hCard d'organisation dans le pied de page de chaque page tout comme des hCards individuelles sur la page [http://oberrycavanaugh.com/team.php "Team"]. | |||
* [http://fortisgc.com Fortis General Counsel], par ex. le [http://fortisgc.com/joyce_lan_kim.html profil de Joyce Kim], utilise hCard pour l'information de profil et de contact. | |||
* [http://peryplo.com Peryplo.com], par ex. [http://peryplo.com/personal/7e6786e711c6d051a39a1b7085f34955 Page Echantillon], utilise hCard pour les Hôtels, les endroits gastronomiques et les services pour touristes. | |||
* [http://www.navitraveler.com/places/629/ NaviTraveler], par ex. [http://www.navitraveler.com/places/629/Lincoln_Memorial.html Lincoln Memorial], comprenant un [[geo-fr|Geo]]. | |||
** Réponse en 12 heures à une demande de soutien- [[User:AndyMabbett|Andy Mabbett]] | |||
* [http://corewar.atspace.com/about.html sfghoul] a marqué son information de contact avec [[hcard-fr|hCard]] | |||
* [http://www.zaadz.com Zaadz] utilise [[hcard-fr|hCard]] et [http://gmpg.org/xfn XFN] pour ses amis sur une page profil des utilisateurs. | |||
*[http://www.xoxiety.com/about.html Xoxiety] utilise les hCards sur sa page "about", en liant les données à partir d'un bloc intérieur de texte. | |||
*[http://yedda.com Yedda] - Yedda fournit des identités basées sur hCard sur tous les profils des personnes | |||
*[http://openid.ne.jp OpenID.ne.jp] Premier service de fournisseur OpenID au Japon (日本語). Chaque page personnelle OpenID (par ex :[http://eouia.openid.ne.jp http://eouia.openid.ne.jp]) est marquée avec hCard. Et il existe aussi une hCard de société sur chaque page. | |||
* [http://www.goldenglovepromotions.com/ 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 : [http://www.theaustralian.com.au/contactus The Australian (contact us)] et [http://www.australianit.news.com.au/contactus Australian IT (contact us)] | |||
* [http://www.thekiwiholiday.com/ The Kiwi Holiday] utilise des hCards pour les [http://www.thekiwiholiday.com/view-hostels Hôtels en Nouvelle Zélande], les [http://www.thekiwiholiday.com/view-restaurants Restaurants en Nouvelle Zélande] et les [http://www.thekiwiholiday.com/view-activities 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 [http://www.thekiwiholiday.com/restaurant/tonys-steak Tonys Steak] | |||
* [http://www.serviceworksglobal.com/pages/contact-us.php Service Works Global] utilise des hcards sur la page "contactus" et dans le pied de page du site. | |||
* [http://www.qcindustries.com/ QC Industries Conveyors] utilise des hcards pour stocker l'information de contact dans le pied de page du site et dans ses [http://www.qcindustries.com/news/press-releases/ communiqués de presse]. | |||
* [http://www.confuciusinstitute.ac.uk/ 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. | |||
* [http://admnj.com/ Affiliated Direct Mail] est une société de marketing direct dans le New Jersey qui a son information de contact en format hCard. | |||
* [http://www.golfdigest.com/ Golf Digest] supporte maintenant hCard dans des pages de [http://www.golfdigest.com/courses/places Recherche de Cours]. [http://www.golfdigest.com/courses/places/2483 exemple] | |||
* [http://dev.opera.com/authors/ Dev Opera] Le site des développeurs d'Opera utilise des hCards sur les pages de détails des auteurs. | |||
* [http://www.alexandrebalmes.fr/blog Le blog d'Alexandre BALMES incluant hCard] | |||
* [http://www.logicieldessin.com/ Logiciel de dessin] Site de téléchargement de logiciel de dessin pour enfant incluant hCard | |||
* [http://www.telechargerfacile.com/ logiciel gratuit] Site utilisant les hCard pour la présentation de fiche logiciel | |||
* [http://annuaire.handica.com/ Annuaire du handicap Handica.com] incluant des hCards ([http://annuaire.handica.com/resultats.php?act=10681587434&sel_name=handica] Exemple) | |||
* [http://chrischerry.name/blog/contact/ la page contact de Chris Cherry avec sa hCard] | |||
* [http://www.kiteboarder.com.au/php/search.php 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 <s>directement vers outlook</s>. J'ai pu apprendre les microformats durant la conférence Media 2007 à Londres - Auteur : Damien King | |||
* [http://krevi.dk/ 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.[http://krevi.dk/om-krevi/organisation/medarbejdere exemple liste du personnel] | |||
* [http://www.hss.ed.ac.uk/web-team/ 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. | |||
* [http://www.theglobeandmail.com/ globeandmail.com] Le journal national du Canada utilise une hCard pour son information de contact. | |||
* [http://www.logisteam.pl/ Krzysztof Rucinski] utilise une hCard pour ses détails de contacts sur la page [http://www.logisteam.pl/keylogger.kontakt.html contact Logisteam]. | |||
* Creation design & marketing a des hCards sur le site, y compris la page [http://www.creation.uk.com/contact/ contact], les [http://www.creation.uk.com/company/leigh-scott/ pages profils de la société] et les [http://www.creation.uk.com/news/2007/06/06/easy-money/#comments-view commentaires sur les articles] | |||
* <s>Wikipedia a désormais un gabarit, [http://en.wikipedia.org/wiki/Template:Hcard-geo hcard-geo], pour les hCards dans la ligne avec les coordonnées, tel que celui présent sur [http://en.wikipedia.org/wiki/Engine_Arm Engine Arm] </s> | |||
* [http://www.corissia.com 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. | |||
* [http://zucchetti.co.uk/2007/03/06/simple-address-formatting-solution/ Laura Zucchetti] illustre une solution de mise en forme simple d'adresse sous une hCard et balisée dans une liste de définition. | |||
* [http://www.feike.de/Kontakt.html Feike Contact] a une hcard en haut de la page. | |||
* [http://www.londondrum.com/ 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 [http://www.londondrum.com/accommodation/athenaeum.php l'Hôtel Athenaeum]) | |||
* [http://www.regels-stadskanaal.nl/ Regelingenbank Stadskanaal] a une hCard sur chaque page, contenant aussi l'information-Geo. | |||
* [http://www.tomstone.se Tom Stone - Trollkarl] a une hCard dans le pied de page de chaque page du site. | |||
* La page d'accueil de [http://www.rolandinsh.lv/ Rolands Umbrovskis] a une hcard dans la [http://www.rolandinsh.lv/?ro=contacts page contact] et toutes les autres pages avec l'information de contact. | |||
* [http://www.epiphanysolutions.co.uk/ 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. | |||
* [http://twitter.com Twitter] utilise hCard pour l'information utilisateur (associé à plusieurs [http://ihack.us/2007/05/14/twitter-gets-microformatted/ autres microformats]) | |||
* [http://www.bendodson.com/developer/ 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. | |||
*[http://www.pats.ua.ac.be/group Les Membres du Groupe PATS] uses hCard to mark up member contact information. | |||
*[http://couchsurfing.com CouchSurfing] a une information limitée dans la hCard disponible sur les profils des membres (comme celui de [http://www.couchsurfing.com/people/guaka Guaka]). | |||
*Wikipedia-UK (Ukranian) | |||
** En cours de démarrage sur les biographies par ex. [http://uk.wikipedia.org/wiki/%D0%93%D0%B5%D1%82%D1%8C%D0%BC%D0%B0%D0%BD_%D0%92%D0%B0%D0%B4%D0%B8%D0%BC_%D0%9F%D0%B5%D1%82%D1%80%D0%BE%D0%B2%D0%B8%D1%87 Vadym Hetman] | |||
* [http://christophertcressman.com Christopher T. Cressman] utilise une hCard sur la page d'accueil de son , [http://christophertcressman.com christopher t cressman]. | |||
* [http://kpumuk.info Dmytro Shteflyuk] utilise une hCard sur ses pages [http://kpumuk.info/contact/ contact] et [http://kpumuk.info/curriculum-vitae/ curriculum vitae]. | |||
*Wikipedia-EN | |||
**démarrage sur les articles traitant des personnes, par exemple [http://en.wikipedia.org/wiki/Albert_einstein 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. [http://en.wikipedia.org/wiki/Birmingham_New_Street Birmingham New Street station] (comprend Geo) ; et les villes, par ex. [http://en.wikipedia.org/wiki/New_York_City 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 [http://en.wikipedia.org/wiki/Wikipedia:WikiProject_Microformats projet microformat de Wikipedia] ; [http://en.wikipedia.org/wiki/Category:Templates_generating_hCards les gabarits Wikipedia générant des hCards] | |||
**Malheureusement, [http://en.wikipedia.org/w/index.php?title=Template:Infobox_Protected_area&diff=prev&oldid=152308153 d'autres éditeurs sont déjà en train de briser quelques-unes des implémentations sur Wikipedia] ; par ex. [http://en.wikipedia.org/wiki/Grand_Canyon_National_Park Grand Canyon National Park]; [http://en.wikipedia.org/w/index.php?title=List_of_islands_of_Argentina&diff=prev&oldid=155590535 retrait des attributs "region"] | |||
* Le site de [http://www.bayofislands.net/ Bay of Islands] a implémenté hCard sur toutes ses pages, par ex : [http://www.bayofislands.net/accommodation/backpackers/saltwater-lodge/ Saltwater Lodge] | |||
* [http://people.cs.uchicago.edu/~mpschaef/index.html 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. [http://en.wikipedia.org/wiki/Birmingham_New_Street Birmingham New Street station] (inclut le microformat geo). | |||
* Christian Hess (de San José, Costa Rica) a une hcard sur sa [http://www.hess-cr.com home page], ses pages [http://www.hess-cr.com/utilidades/correo.shtml#postal contact] et [http://www.hess-cr.com/secciones/curriculum/datos.shtml personal résumé] (toutes en espagnol). Il recommande aussi d'utiliser l'extension [https://addons.mozilla.org/es-ES/firefox/addon/4106 Operator] dans Firefox pour les vérifier. | |||
* [http://www.anisfield-wolf.org/ 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 [http://www.anisfield-wolf.org/Winners/PastWinners/ 'past winners']. | |||
* [http://www.buy-our-honeymoon.com/ Buy Our Honeymoon], un [http://www.buy-our-honeymoon.com/usa enregistreur de liste de mariage] utilise hCard dans sa page [http://www.buy-our-honeymoon.com/contact Contact Us]. | |||
* '''Le Webmestre du W3C ''' [http://www.w3.org/People/Jean-Gui/ Jean-Guilhem Rouel] a maintenant une hCard. | |||
* [http://source.ibegin.com/ iBegin Source] - Plus de 10.8 millions d'entreprises ont leur information balisée avec hCard. Exemple : [http://source.ibegin.com/california/adelanto/aeronautical-supplies/general-atomics-9779-yucca-rd-1.html General Atomics] | |||
* [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://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://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 stylisé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 | * 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 | * 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 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.) | * 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.) | ||
Line 21: | Line 236: | ||
* L'[http://seattleu.edu Université de Seattle] utilise hCard sur sa page d'accueil et la plupart des pages qui partagent un gabarit officiel. | * 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 | * [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 | * [http://www.jaama.co.uk Jaama] a mis ses détails de société sous une vcard téléchargeable sur 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://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://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] | ||
Line 40: | Line 255: | ||
* 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 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'''' | * La hCard de [[User:Bob_Jonkman|Bob Jonkman]] '''sur ce 'wiki'''' | ||
* [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. | * [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] | * Le [http://www.westmidlandbirdclub.com/ West Midland Bird Club] (Club d'oiseau d'intérieur occidental d'Angleterre) 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'. | * 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. | * 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. | ||
Line 75: | Line 289: | ||
* [http://southamptonrubberstamp.com Southampton Rubber Stamp Company] a déspormais un balisage hCard avec un téléchargement de vCard sur chaque page. | * [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. | * [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. | ||
* [http://dsingleton.co.uk/ David Singleton] a ajouté une hCard à son blog. | * [http://dsingleton.co.uk/ David Singleton] a ajouté une hCard à 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.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.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. | ||
Line 88: | Line 300: | ||
* [http://kollitsch.de/ Patrick Kollitsch] a construit son Profil personnel sous hCard. | * [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.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.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://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. | ||
Line 104: | Line 315: | ||
* [http://main.uab.edu/shrp/ UAB School of Health Professions] utilise hCard dans son pied de page contact | * [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://green.carisenda.com/ Stephen Stewart] a sa hCard sur la page d'accueil de son weblog (section 'You are here') | ||
* [http://www.direction.es/ Direction] utilise hCard pour l'information de contact. | * [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://audiobank.tryphon.org AudioBank] utilise hCard pour afficher les informations des membres. | ||
Line 125: | Line 333: | ||
* [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://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://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.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.nearwhere.com/ Nearwhere.com] vous permet de mettre une hcard sur une carte interactive. | ||
Line 171: | Line 378: | ||
* 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. | * 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.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.vyre.com/company/contact-us/ VYRE] est une société de développement de CMS avec une hCard "contact us" | * [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.lefdal.cc/info.php Alf Kåre Lefdal] utilise hCard dans le balisage de son information de contact. | ||
Line 184: | Line 390: | ||
* [http://yarmouthguide.com/business.php Yarmouth Guide] utilise hCard pour chaque page de détails sur le business. | * [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. | * [http://www.merchantcircle.com MerchantCircle] a embarqué une hCard dans chacun de ses listings professionnels de plus de 15 millions d'adresses. | ||
* [http://blog.roub.net/ Paul Roub] a une hcard pour lui-même sur la page d'accueil de son blog. | |||
* [http://citizenspace.us/citizens Citizen Space Citizens] est une liste des locataires pour un espace de coworking à San Francisco. La problématique a été soulevée que les ''nicknames'' sont généralement situés au milieu du ''fn'', qui n'est pas valide comme selon la règle [[hcard-brainstorming-fr#FN_implicite_.C3.A0_partir_de_N|FN implicite à partir de N]. Il semble qu'il sevrait être possible néanmoins d'inclure un "nickname" au milieu d'un FN ou même entre un ''given-name'' et un ''family-name''. | |||
* [http://www.fixya.com/repair/cars/us/ca/san_francisco FixYa] (the troubleshooting site) has an hCard (vCard) in the repair directory displaying information about all kinds service providers. | |||
* [http://www.alive77.cn/ z.Yleo77] it's my blog, from now on, supports hCard, eg: article pages.. | |||
<!-- | |||
SVP ajoutez les nouveaux exemples *en haut de cette section* | |||
--> | |||
== exemples par catégories == | |||
'''Vous voulez une hCard ?''' Commencez par écrire une [[hcard-fr|hCard]] en utilisant le [http://microformats.org/code/hcard/creator hCard creator] pour écrire quelque information de contact, [[validators-fr#hCard|validez]] et publiez-la, ou suivez [[hcard-authoring-fr|les trucs de rédaction hCard]] pour ajouter un marquage hCard à votre site. Regardez cette section pour des exemples similaires de types de pages qui tirent profit du marquage hCard. | |||
Cette section organise les exemples en plusieurs catégories comme suit. Si un exemple rentre dans plus d'une catégorie, utilisez la *dernière* catégorie dans cette liste qui correspond aux exemples spécifiques de hCard dans la jungle que vous essayez de catégoriser. | |||
# '''[[hcard-examples-in-wild-fr#Individuels|Individuels]]''' - une carte par personne, peut-être trier alphabétiquement par "nom de famille". Les personnes avec leurs propres hCards (typiquement) sur leurs propres sites. | |||
# '''[[hcard-examples-in-wild-fr#Organisations|Organisations]]''' - une carte par organisation, alphabétiquement par "fn". Les organisations avec leurs propres hCard(s) sur leur propre site. | |||
# '''[[hcard-examples-in-wild-fr#Institutions|Institutions]]''' - qui listent plus d'une personne, avec un compteur estimant le # de hCards, par ex. plus de 40k pour Avon. Indiquez aussi la complexité de l'information fournie, par ex. juste le nom et le numéro de tél vs détails complets. Trié alphabétiquement par "org" avec peut-être quelques individus listés dans une sous-bulle unique, délimitée par une virgule, triée par "family-name". | |||
# '''[[hcard-supporting-user-profiles-fr|Profils en ligne]] triés alphabétiquement par société / nom de service. | |||
# '''[[hcard-examples-in-wild-fr#Lieux_en_linge|Lieux en ligne]]''' - listings pour entreprises ou organisations, avec un comptage estimant le nombre de lieux, par ex. ~10k pour Upcoming.org. Triés alphabétiquement par nom de service/site, avec peut-être quelques lieux spécifiques listés dans une sous-bulle unique, délimités par des virgules, triés par "fn". | |||
# '''[[hcard-examples-in-wild-fr#Listes_de_Conférenciers|Listes de conférenciers]]''' - les pages des sites événements où les conférenciers sont marqués avec hCard. Triés par date, sous-groupés par années. Les plus récents en premier. Peut-être quelques individus listés dans une sous-bulle unique de chaque événement.. Triés par date, sous-groupés par année. Les plus récents en premier. Peut-être quelques individus listés dans une sous-bulle unique de chaque événement, délimités par des virgules, triés par "family-name". | |||
# '''[[hcard-examples-in-wild-fr#Blogs_de_groupes|Blogs de groupe]]''' - blogs avec plusieurs auteurs marqués avec hCard | |||
# '''[[hcard-examples-in-wild-fr#Auteurs|Auteurs]]''' - les pages à propos d'autre chose, telles que des livres, des critiques, qui ont marqué leurs auteurs avec hCard | |||
# '''[[hcard-examples-in-wild-fr#Résultats_de_recherche|Résultats de Recherche]]''' - les pages résultantes des moteurs de recherche (soit générique ou pour les personnes/organisations) qui renvoient des personnes marquées avec hCard. | |||
# '''[[hcard-examples-in-wild-fr#Listing_Contact|Listing Contact]]''' - information de contact pour un listing comme les annonces d'emploi, petites annonces, etc. | |||
En outre, il existe une section séparée "[[hcard-examples-in-wild-fr#Exemples_UTF8|Exemples UTF8]]" qui peut être utilisée pour déposer un autre lien vers tout exemple de hCard dans la jungle qui exerce différents caractères non-ASCII7 / non-anglais pour différentes valeurs de propriétés. | |||
Au fur et à mesure que chaque section en elle-même deviendra trop grande (nous pourrions être encore là, une fois que nous aurons trié les "Exemples critiqués" ci-dessus), elle sera probablement migrée sur 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é statistique. | |||
* | |||
* [http://www. | === Individus === | ||
* [http:// | Groupés alphabétiquement par "family-name". | ||
* [http:// | |||
* [http:// | Joliment stylisées : | ||
* [http:// | * la page d'accueil de [http://www.jaredhanson.net/ Jared Hanson] a une hCard magnifique avec de nombreux moyens de le contacter, et une mise à jour en temps réel de son statut en ligne sur différents réseaux de messagerie (utilise javascript). | ||
* [http://www. | * l'information de contact de [http://rogieking.com/#contact Rogie King] est marquée avec hCard et très joliment stylisée. | ||
* [http:// | * la page d'accueil de [http://timvandamme.com/ Tim Van Damme] est une très belle hCard. | ||
** a besoin de quelques réparations mineures : http://tr.im/hctvd (lien vers les résultats du validateur de hCard) | |||
* La | |||
** par [[ | |||
* [http://www. | Pages web simples : | ||
* | * hCard UID d'[http://abernier.name Antoine Bernier] : | ||
** par [[ | ** Lien de téléchargement Dynamique VCF (à travers le [http://suda.co.uk/projects/microformats/hcard/get-contact.php?uri= hcard parseur]) | ||
* [http:// | ** QRcode dynamique (à travers [http://microform.at/hcard2qrcode/ hcard2qrcode]) | ||
* | ** Avtar dynamique (à travers [http://www.gravatar.com/ Gravatar]) | ||
* | ** Prêt pour [http://wiki2008.openid.net/Delegation openID] | ||
* | ** [http://hcard.geekhood.net/?url=http%3A%2F%2Fabernier.name valide] | ||
* | * La page d'accueil de [http://dbaron.org/ David Baron] est marquée avec hCard. | ||
* [http:// | * La page d'accueil de [http://tantek.com/ Tantek Çelik] inclut une hCard d'auteur dans la ligne en bas de la page. | ||
* [http://christophertcressman.com/ Christopher T. Cressman] place ses détails de contact sur [http://christophertcressman.com/ Who is Chris Cressman?] et elle est marquée avec hCard. | |||
* [http://factoryjoe.com/hcard.html Chris Messina] a une page dédiée avec ses détails de contact. | |||
* [http://blog.roub.net/ Paul Roub] a une hCard pour lui-même sur la page de son blog. | |||
* Patrick Trettenbrein est l'opérateur de [http://skateboardspot.info/ skateboardspot.info] et utilise hCard sur sa [http://skateboardspot.info/cat/about#operator page "about"] pour son info de contact. | |||
* [http://blogs.msdn.com/cwilso/ Chris Wilson] a une page hCard pour lui-même sur [http://blogs.msdn.com/cwilso/about.aspx sa page about]. | |||
* ... | |||
Cachée ! La donnée invisible est fortement découragée, ces exemples ont été groupés ici dans l'espoir que les auteurs rendront un nour leurs hCards visible : | |||
* La page d'accueil de [http://ajbrown.org/ A.J. Brown] a une hCard cachée en bas de page. | |||
Avant. Les URLs semblent brisées. | |||
* <nowiki>http://tomleo.com/about.html</nowiki> La page about de Tom Leo avait une hCard. (manquante en date du 2009-08-23) | |||
=== Organisations === | |||
* [http://www.michrome.com Michrome Marketing Lists (UK)] utilise hCard sur toutes ses données de résultats de recherche. Par exemple, [http://michrome.com/free-leads/162-Bradford-BD9 Startup Companies in Bradford]. | |||
* [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]. | |||
* [http://technorati.jp Technorati Japan] (1) | |||
** [http://technorati.jp/about/contact.html la page contact] est marquée avec hCard | |||
=== Institutions === | |||
* [http://conferences.oreillynet.com/contacts.csp La page Team des Conférences O'Reilly] a des hCards pour son équipe (~14) avec un lien vers "Download the below contact info in vcf format" qui utilise le [http://feeds.technorati.com/contacts/ service de fil Technorati contacts] pour convertir les hCards en vCards. | |||
** '''sous-optimal''': L' "org" ne devrait pas être caché avec "display:none". Utilisez à la place le [[include-pattern-fr|include-pattern]] pour inclure le "org" à partir du texte quelque part sur la page (pour éviter la duplication du texte). | |||
* La [http://technorati.com/about/staff.html page Staff de Technorati] a des hCards pour ses collaborateurs (~31) | |||
** par ex. [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], etc. | |||
'''avec quelques problèmes :''' | |||
* L'[http://www.ibm.com/contact/employees/ Annuaire des Employés d'IBM] renvoie des hCards dans ses résultats de recherche : | |||
** par ex. [http://www.ibm.com/contact/employees/servlets/lookup?country=us&language=en&search_country=all&lastname=Kaply&firstname=Michael recherche sur Michael Kaply], | |||
** mais avec quelques problèmes : | |||
*** '''invalide''' : pas de "fn" (pourrait se résoudre par would be addressed by the [[hcard-brainstorming-fr#FN_implicite_.C3.A0_partir_de_N|fn implicite à partir de n]]) | |||
*** '''sous-optimisé : ''': adr n'a pas d'enfants et de ce fait ne fournit pas quelque donnée (peut se résoudre par la [[hcard-brainstorming-fr#sous-propri.C3.A9t.C3.A9s_adr_implicites|proposition implicite des sous propriétés adr]]) | |||
* [http://www.boltonmuseums.org.uk Bolton Museum and Archive Service] utilise hCard sur sa page | |||
**[http://www.boltonmuseums.org.uk/about/contact/ Contacts] | |||
***'''invalide''' : Plusieurs n'ont pas de "fn" | |||
**et sur chacune de ses pages d'attractions visiteur par ex. sur la page [http://www.boltonmuseums.org.uk/visiting/findhallthwood/ Hall i' th' Wood location page]. | |||
***'''sous-optimal''' : les propriété "email" et "tel" incluent par erreur des étiquettes "Email:" et "Telephone:" . | |||
* [http://soap.stanford.edu/ Stanford Online Accessibility Program] has implemented hCard on every page | |||
** '''sous-optimal''' : positionnés hors écran via CSS | |||
* [http://www.belkin.com/pressroom/releases/uploads/10_09_06SportCommand.html Belkin Press Release] - Tous les communiqués de presse de Belkin depuis octobre 2006 utilisent hCard et vCard pour l'information de contact de la société. | |||
** '''invalide''' : L'exemple a une hCard invalide (sur 3) du au manque de "fn". | |||
* [http://www.alexa.com Alexa Internet] a marqué sa page [http://www.alexa.com/site/company/managers managers' page] avec hCard. | |||
** '''sous-optimal''' : job "title" est inclus dans la propriété "fn". | |||
* ... | |||
=== Profils En Ligne === | |||
Voir [[hcard-supporting-profiles-fr]]. | |||
=== Lieux en Ligne === | |||
* [http://www.sydneydirectory.org/ Sydney Directory Wiki] supporte hCard et les coordonnées géographiques pour les endroits, par ex. [http://www.sydneydirectory.org/index.php/Opera_House Sydney Opera House]. | |||
* [http://www.airfix.com/stockists-and-distributors/ Airfix Stockists and Distributors], par ex. [http://www.airfix.com/stockists-and-distributors/?postcode=b1+1bb&root_rid=1&search.x=0&search.y=0&search=search] | |||
**'''sous-optimal''' : <code>street-address</code> contient street address, locality et region (par ex. "99 Hobs Moat Rd, Solihull, W. Midlands") | |||
**'''sous-optimal''' : <code>postal-code</code> et <code>country-name</code> incluent des virgules | |||
**'''sous-optimal''' : <code>fn</code> est utilisé ; devrait être <code>fn org</code> | |||
===Listes de conférenciers=== | |||
==== 2007 ==== | |||
[[to-do]] : jeter un oeil aux [[presentations-fr|présentations]] 2007 car elles contiennent probablement des liens vers des conférences qui ont marqué leurs pages de conférenciers avec hCard. | |||
* 09: [http://2006.dconstruct.org/speakers/ d.Construct 2007 speakers] | |||
==== 2006 ==== | |||
[[to-do]]: jeter un oeil aux [[presentations-fr|présentations]] 2006 car elles contiennent probablement des liens vers des conférences qui ont marqué leurs pages de conférenciers avec hCard. | |||
* 09: [http://2006.dconstruct.org/speakers/ d.Construct 2006 speakers] | |||
==== 2005 ==== | |||
[[to-do]] : jeter un oeil aux [[presentations-fr|présentations]] 2005 car elles contiennent probablement des liens vers des conférences qui ont marqué leurs pages de conférenciers avec hCard. | |||
* 12: [http://tantek.com/microformats/2005/syndicate/speakers-list.html Syndicate - Speaker List] (version hCardée hébergée chez tantek.com) | |||
* 10: [http://tantek.com/microformats/2005/web2/speakers.html Web 2.0 Conference 2005 -- Speakers] (version hCardée hébergée chez tantek.com) | |||
* 09: Web Essentials 2005 - Les Présentateurs <nowiki>http://we05.com/presenters.cfm</nowiki> (semble avoir cessé de fonctionner en date du 2007-12-18, peut-être plus tôt) renvoient sur tantek.com : [http://tantek.com/microformats/2005/we05/presenters.html Web Essentials 2005 - The Presenters]. Web Essentials 2005 (we05) était la [http://tantek.com/log/2005/10.html#d06t1720 première conférence à avoir adopté hCard et hCalendar] sur son site web. | |||
=== Blogs de Groupe === | |||
'''avec quelques problèmes :''' | |||
* Le [http://www.ibm.com/shortcuts/ Podcast 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". | |||
=== Auteurs === | |||
* [http://lazylibrary.com LazyLibrary] uses author hCard's on every book page. Example: [http://lazylibrary.com/book/0751370576] | |||
** '''suboptimal''' [http://lazylibrary.com/book/0751370576 Example] has an fn of "Dorling Kindersley, David West Reynolds" which should be split into two hCards! (site would also benefit from hReview). | |||
=== Résultats de Recherche === | |||
* [http://www.bath.ac.uk/contact/ University of Bath] Person Finder results are encoded with hCards so you can easily create a vCard from any result. | |||
** '''invalid''': attempt to use Implied-N optimization where that's not possible, | |||
** '''suboptimal''': honorific-prefix could be explicitly marked up | |||
*** Error appears for external users only. Won't be fixed any time soon. -- [[User:PhilWilson|PhilWilson]] 00:03, 28 Jan 2006 (GMT) | |||
=== Listes de contacts === | |||
L'information de contact sur les listings, par ex. les listes d'annonces de recrutement, les items à vendre, etc. | |||
* [http://seogadget.co.uk/search-marketing-executive-upto-30k-portsmouth/ search marketing executive] publiée par [http://seogadget.co.uk/ SEOgadget]. | |||
** '''propriété url invalide''' - manque href sur l'élément propriété url <nowiki>http://</nowiki>, de ce fait il est invalide et lie vers une URL relative inexistante. | |||
** '''XHTML invalide''' - le validateur W3C rapporte que cette page est [http://validator.w3.org/check?uri=http://seogadget.co.uk/search-marketing-executive-upto-30k-portsmouth/ XHTML 1.0 Transitional] (109 errors en date du 2009-08-20). | |||
===Exemples en UTF8 === | ===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). | |||
* [http://sphinx.net.ru/author/ Dmitry Dzhus] a embarqué sa hCard encodée UTF8 avec des caractères russes dans la page "Auteur" de son site web. | |||
* [http://ecdlweb.com/ ECDLWeb.com] encode l'information hCard et Geo information des centres de test ECDL et ICDL en UTF-8. Le cas de test pour l'Europe Centrale (caractères [http://ecdlweb.com/en/czech-republic/sps-ceska-lipa tchèque], [http://ecdlweb.com/en/hungary/athene-idegenforgalmi-informatikai-es-uzletemberkepzo-szakkozepiskola hongrois] etc.) et [http://ecdlweb.com/en/belarus/belhard cyrillique]. | |||
* [http://tantek.com/ Tantek's Thoughts] encode Çelik comme de l'UTF8 dans la ligne. | * [http://tantek.com/ Tantek's Thoughts] encode Çelik comme de l'UTF8 dans la ligne. | ||
* [http://technorati.jp/about/contact.html L'information de contact Technorati Japon] encode le japonais comme de l'UTF8 dans la ligne. | |||
* [http://uk.wikipedia.org/wiki/%D0%93%D0%B5%D1%82%D1%8C%D0%BC%D0%B0%D0%BD_%D0%92%D0%B0%D0%B4%D0%B8%D0%BC_%D0%9F%D0%B5%D1%82%D1%80%D0%BE%D0%B2%D0%B8%D1%87 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 : [http://en.wikipedia.org/wiki/Noyabrsk Noyabrsk] (Russe), [http://en.wikipedia.org/wiki/Thessaloniki Thessaloniki] (Grec), [http://en.wikipedia.org/wiki/Kyoto Kyoto] (Japonais) et [http://en.wikipedia.org/wiki/Beijing Beijing] (Chinois) | |||
===Exemples Non-HTML === | |||
* [http://dannyayers.com/misc/microformats/hcard-svg la démo hCard SVG de Danny Ayers] | |||
* | |||
== Pages Apparentées== | == Pages Apparentées== | ||
{{hcard-related-pages-fr}} | {{hcard-related-pages-fr}} |
Latest revision as of 16:25, 18 July 2020
Cette page est une section informative de la spécification hCard.
Les sites suivants ont publié des hCards et sont par conséquent un endroit merveilleux pour quiconque cherchant des exemples "dans la jungle" pour l'inspiration, ou essayer de parser et d'indexer.
exemples nouveaux et non catégorisés
Vous avec une hCard ? Si vous avez un site avec une ou plusieurs hCard, ajoutez-le 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. Revenez après quelques jours, pour voir si quelqu'un aurait trouvé quelque problème avec les exemples fournis. Notez que les exemples peuvent être catégorisés et migrés sur la section groupée au-dessous.
Vous pouvez vouloir utiliser ces boutons sur vos pages avec des hCards. Voir buttons-fr#hCard pour les ajouts récents.
- Vtcreative utilise hCard dans le footer du site pour mettre à disposition des visiteurs ses informations de contact.
- Axel Roche utilise hCard pour l'information de contact.
- Djerba utilise hCard pour les services listés dans l'annuaire et permet le téléchargement des données au format (.VCF) Exemple : Radisson Blu Djerba
- Johan Ramon utilise hCard sur son CV.
- Cuisine ultime - Utilise une hCard sur toutes ces pages pour lien de contact avec l'administrateur (contact invisible seul l'importation est possible).
- Survie France - présente les coordonnées de son siège national via une hCard dans le pied de page.
- Norfolk Black History Month - utilise hCard sur la page de contact et sur le site, fournissant une information de contact pour les lieux des évènements, organisateurs et organisations partenaires.
- VeganUSofA - utilise hCard pour l'adresse organisation et entreprise. Exemple : The All Vegan Store.
- Blog d'ADRIAN a placé une hCard pour se présenter plus précisément aux visiteurs. la hCard a été listée comme un nom, une url de blog et les organisations. Vous pouvez la voir en bas de la barre latérale droite du blog.
- The Canadian Poker Expo (Toronto), Une Expo de Poker se concentrant sur le marché à Toronto utilise hCard pour sa page de contact.
- Seminee As, un producteur roumain d'extincteur utilise hCard pour l'info de contact avec téléchargement optionnel de la vCard
- GastroHep.com la page "About Us" utilise une hCard pour l'adresse de contact.
- Lee Mann Photography utilise une hCard pour l'adresse de contact tout comme sur le blog. Idéalement elle sera bientôt en pied de page de chacune des pages.
- Kim Burgess information minimaliste du site web avec marquage hCard.
- PlumbSet UK Ltd utilise hCard pour l'information de contact, y compris plusieurs adresses.
- Manuhealth Natural Remedies utilise hCard pour l'adresse de retour sur les pages produits.
- Farmàcia Sarrià - Farmàcia Finestres Capdevila utilise une hCard pour son information de contact.
- Nature's Best Shot Photography - utilise une hCard sur la page contact
- Noomii.com Coach Directory - chaque coach professionnel dans l'annuaire est une hCard.
- Ethical Junction CIC - Profile page Nous utilisons hCard pour chaque organisation sur sa page de profil.
- Bow Tie Television utilise hCard pour l'information de contact sur chaque page et dans la section contacts.
- Taurus Logistics utilise hCard pour l'information de contact.
- professdiamond encode Thai sous UTF8 dans une hCard dans la ligne au bas de chaque page.
- Avon Valley Local Guide utilise hCard pour l'information de contact des annonceurs.
- Arizona First Response utilise une hCard sur chaque pied de page.
- Iain Dillingham utilise une hCard sur chaque pied de page, et a un exemple stylisé (avec le logo microformats) sur sa page contact.
- Pixelflips Web & Interface Design hCard est utilisé dans le pied de page de toutes les pages pour un accès facile à l'information.
- Hermine Sperr, Qualified Practitionier of the Grinberg Method® à Vienne/Autriche Une hcard est utilisée pour l'information de contact sur chaque page du site.
- Barnard College - Les profils utilisent hCard pour l'information de contact. Exemple : Profil de P. Mehrling.
- IvyCat Website Services - Société de design web et hébergement. Une hcard pour l'information de contact. Exemple : Contact Us.
- ModelTrainsWithLarry - Utilise hCard pour l'adresse. Exemple : Choo Choo Barn.
- GardeningWithLarry - Utilise hCard pour l'adresse. Exemple : United States Botanic Garden.
- Abyrvalg - communauté de ville en Russie. Utilise hCard pour afficher les adresses des sociétés locales. Exemple : FAQ cafe à Moscou.
- Jordan Clark, from the Swansea area of Wales in the United Kingdom, uses hcard for contact information.
- WhichTwitterApp provides reviews of twitter apps using hCard, hReview, rel-tag and rel-home.
- Robin Leysen has a hCard on a separate page. Tried to be as complete as possible. hCard validated with Optimus.
- Jay Photographics Photographer from Stuttgart, Germany. The hcard format is used on all pages for contact information.
- UNIQUEsite Website designer based in Brighton, UK. Uses the hcard format for contact information.
- SlideShare uses hcard to identify its users. see Validated hcard and Mani's SlideShare profile
- Chris Ruppel, a web developer in Dallas, TX, uses an hcard for contact information site-wide (as well as XFN)
- Green Spirit Gardeners uses the hCard format throughout the site, including on the portfolio page for commercial clients and the contact page.
- Dorette Bos Coaching & Training uses hcard microformat on the contactpage
- Steffi & the volunteers is an Austrian band and uses hcards for band-contact in the footer and on the page of the crew
- Bernhard Ulrich an Austrian copywriter uses the hcard format on all pages of his website for his contact information
- POWERBRAND a brand name development agency uses a hcard for contact information
- Anita Braunsberger, Qualified Practitionier of the Grinberg Method® in Linz/Austria A hcard is used for contact information on her website.
- Durbin's Carpet Care displays a vCard for contact information and relevancy
- National Rural Knowledge Exchange uses an hCard with geo tags when displaying an organisations information
- Tinstar Design uses an hCard for company contact information.
- Interdixit uses an hCard for his contact information.
- Sisnova uses hCard for his location pages.
- Eduard Fenoy i Associats uses an hCard.
- Deltronic Corporation of Santa Ana, CA has posted an hCard with geo tags on its Contact page. Background image of a contact card reinforces content. For those without enabling browser extensions, both hCard "logo" and text link make vCard available via external parser.
- Transitions Marriage and Family Therapy has an hCard with geo tags in the footer of each page. There is also an hCard for each counselor on the About and Contactpages.
- ball.in.th uses hCard to display all usernames.
- Italian business directory and community portal cylex.it implements hCard for companies’ contact information with geo tags. Example: company profile
- Jermy Leeuwis MSc uses an hCard for his contact information.
- Gary Eckstein uses an hCard for contact information.
- Dr. Suarez uses hCard on his resume page
- addressbook.xml provides hCard support: adx live example
- APlawrence.com is using hCard for its Unix and Linux Consultants Page
- Afonso Duarte's Portfolio. Uses an hCard for the contact information.
- Web development by Rafe Harwood. Uses an hCard for the contact line in the footer of every page.
- Los Angeles Web Design. Uses an hCard for contact information.
- ARBEA - Agenzia della Regione Basilicata per le Erogazioni in Agricoltura. hCard is used both for classic Contact page and for farms showcase ("Vetrina Aziende Agricole") available for registered users. I've embedded it modifying Joomla! 1.5 com_contact core component. Users of this CMS can download my patch.
- Los Angeles Search Engine Optimization Uses hCard in the footer of all pages.
- Personal Portfolio of Lance Reagan Vick. Includes examples of PGP and SSH public keys I have not seen used anywhere else. Hopefully someone finds it helpful!
- Los Angeles Search Engine Optimization uses hCard to provide address information at bottom of page
- The Distance Learning Center - CSID, "Politehnica" University Timisoara, Romania uses hCard, including geo information, in every page's footer for encoding the University address. hCard is also used for staff and student contact information.
- Rehab Restaurant London restaurant, see the sidebar for link to the hcard.
- Los Angeles Hiking Trails at the bottom right, our contact information is marked up as an hcard.
- Code7 Interactive uses a hCard for Peter's contact details.
- The Austin Art Collective is a group dedicated to helping emerging artists sell their artwork online. There is space for users to submit art gallery reviews as well, organized by neighborhood in Austin, TX USA.
- Square Meal Restaurant Guide uses hCards and hReviews for all restaurant listings and visitor reviews.
- Vegan Nottingham Guide uses hcards, including geo information, for each entry in the guide.
- Cybernation Gamers Tournament uses hCard in all users profiles like Moonlext's Profile and in the press page of CGT.
- First Christian Church of Tallahassee Uses hCard in the footer of all pages.
- The PSEPS Venture Capital and Private Equity Directory Venture capital and private equity directory using microformats (both for professionals and firms).
- koningskindkadootjes.nl Hcard located at the bottom of the pages.
- futurix.nl website and webshop development At the bottom of the pages you'll find the hcard. With a link to technorati the hcard is used to get a vcard out of the hcard.
- romjon.com website design & development Contact Us page using hcard to markup address details. By using Operator, Google Maps and Yahoo! Maps can be made to open with the pointer, respectively, in pretty much and more or less exactly the right place.
- The Bean Machine at the bottom right, our contact information is marked up as a hcard
- Universal Medical ID Canada uses hCard to provide address information at bottom of page, as well as on a number of pages within the site.
- Alex Gibson Web Developer uses hCard for contact info on his homepage.
- Wardell Design uses hCard for contact info with optional vCard download.
- Dr Foster Hospital Guide uses hCard to mark up hospital addresses. See Basingstoke hospital page for example.
- Dr Foster Complementary therapist guide The regulatory bodies page uses hCard for contact details.
- Wayne State University uses hCard for University address and contact details in the global footer used on most web pages.
- Portable Brake Meters N.Z. Ltd uses hCard for business address and contact details.
- Tall Poppies Florist uses hCard for business address and contact details.
- Living Colour Florist uses hCard for business address and contact details. See Information page
- m-ephotographsen utilise hCard.
- 2imahl fabricant de mobilier utilise hCard sur sa page de contact ainsi que Geo sur sa page "plan".
- Forum Energies Réseaux utilise hCard dès lors que des données nominatives sont utilisées (organisateurs du salon, exposants, conférenciers, etc.)
- Allogarage - Comparatif des garages automobiles en France. Plus de 13 000 garages déjà référencés et disponibles au format hCard avec géolocalisation, exemple pour le garage
- MyVcf.com affiche les infos au format hcard et permet de les télécharger au format vcard.
- Les Explorateurs du Web ont publié une hCard sur la page contact avec une hCard
- areaguides.net utilise le marquage hCard pour toutes les adresses sur le site.
- Georgetown University Law Library à Washington, D.C. utilise maintenant hCard pour les adresses sur toutes les pages. Signalons aussi, que les pages de bio du personnel de la bibliothèque utilisent hCard comme here and ici.
- Le Ministère des Transports et Industries de la Route de la République de Moldavie. Le premier site gouvernemental moldave utilisant des hCards sur les pages du personnel, page des sous-divisions et dans le pied de page de chaque page (contact)
- AuctionLink utilise hCard pour les enregistrements d'enchères comme Cam Brown Auctions (utilise aussi hCalendar)
- User WebOrganics Le Wiki Microformats wiki a des hCards sur ses pages utilisateurs.
- Ontwerpkliniek - Bureau voor Visuele Identiteit utilise l'information de contact hCard sur la page d'accueil et la page contac.
- L'instant des... utilise le format hCard pour tous les photographes publiés sur ce photoblog collectif.
- le blog de groupe mediadesigner Pixeltapete utilise la hCard pour l'information de contact des pages des auteurs d'Alex et Carsten et aussi imprint. Pixeltapete utilise son propre widget hcard pour les barres latérales wordpress.
- Thorsten Ott utilise le format hCard pour la section contact de son résumé en ligne.
- Rosebleed supporte les profils utilisateurs hCard - votre URL profil est http://rosebleed.net/users/profile.php/ suivi de votre nomutilisateur, par ex. silvermoon82.
- Réparé les profils sont marqués explictement 'n' chaque fois que possible, autrement il l'omet
- WhitePages.com Désormais WhitePages.com a implémenté hCard sur toutes ses listes. Plus de 120 millions de hCards ! Comprend l'information professionnelle.
- Warmoth Guitar Products présente l'information hCard à deux endroits, How To Order et tout le Warmoth E-Store
- BBC World Service Bangladesh River Journey un mashup de réseau social, avec hCard & d'autres microformats. Voir le blog de discussion Dharmafly.
- ACCP :Les Amants du Chocolat de la Couronne Parisienne utilise hCard sur sa page de contact et celles des fabricants de chocolats qu'ils ont dégustés.
- AccountviewSoftware.nl fait usage de hCards pour le répertoire des distributeurs (répertoire)
- CrystalVision utilise hCard sur sa page contact et dans le pied de page sur tout le site.
- Indigo Clothing une société de t-shirt basée à Londre utilise hCard avec le lien Technorati " Add to Address Book" sur tout le site dans le pied de page.
- Joshua McGinnis utilise hCard pour afficher son information de contact aux clients potentiels.
- La page contact de Affordable Marketing Solutions utilise hCard avec Technorati "Add to Address Book".
- INGV Bologna a implémenté les hCards pour les membres du personnel, marquées sous des lignes de table HTML (l'include-pattern a aussi été utilisé pour ajouter le nom de l'organisation et le numéro de fax à chaque hCard).
- Sébastien Delorme utilise une hCard sur son CV en ligne. Il a également créé une hCard de Noah Bennet (personnage d'une série américaine) dans le cadre d'un concours
- Lefora est un site gratuit d'hébergement de forums. Chaque profil utilisateur contient une hCard. (Exemple de forum pour tester :funstuff.lefora.com)
- H&L Air Systems utilise hCard avec un lien Technorati vers le Carnet d'Adresses sur toutes les pages de contact.
- WhitePages.com Une version spéciale de whitepages.com a toutes ses listes marquées avec hCard.
- Piermont Web Design utilise hCard sur sa page contact.
- The Institute of Power Engineering de l'Académie des Sciences de Moldovie. Premier site moldave utiisant des hCards sur les pages du staff, par ex. [1]
- Le bateau Leonid Miloslavskiy a fait escale dans l'Atlantique Nord
- Richi Jennings a placé son essai
- O'Berry|Cavanaugh a une hCard d'organisation dans le pied de page de chaque page tout comme des hCards individuelles sur la page "Team".
- Fortis General Counsel, par ex. le profil de Joyce Kim, utilise hCard pour l'information de profil et de contact.
- Peryplo.com, par ex. Page Echantillon, utilise hCard pour les Hôtels, les endroits gastronomiques et les services pour touristes.
- NaviTraveler, par ex. Lincoln Memorial, comprenant un Geo.
- Réponse en 12 heures à une demande de soutien- Andy Mabbett
- 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
- Logiciel de dessin Site de téléchargement de logiciel de dessin pour enfant incluant hCard
- logiciel gratuit Site utilisant les hCard pour la présentation de fiche logiciel
- Annuaire du handicap Handica.com incluant des hCards ([4] 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
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 ; les gabarits Wikipedia générant des hCards
- Malheureusement, d'autres éditeurs sont déjà en train de briser quelques-unes des implémentations sur Wikipedia ; par ex. Grand Canyon National Park; retrait des attributs "region"
- 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 (de San José, Costa Rica) a une hcard sur sa home page, ses pages contact et personal résumé (toutes en espagnol). Il recommande aussi d'utiliser l'extension Operator dans Firefox pour les vérifier.
- 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.
- 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 stylisé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. [5].
- boogdesign.com a ajouté une syntaxe hCard sur la page de contact.
- GreatPlaceToGolf, hCards pour les clubs de golf autour du monde, par exemple [6]. 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.
- Citizen Space Citizens est une liste des locataires pour un espace de coworking à San Francisco. La problématique a été soulevée que les nicknames sont généralement situés au milieu du fn, qui n'est pas valide comme selon la règle [[hcard-brainstorming-fr#FN_implicite_.C3.A0_partir_de_N|FN implicite à partir de N]. Il semble qu'il sevrait être possible néanmoins d'inclure un "nickname" au milieu d'un FN ou même entre un given-name et un family-name.
- FixYa (the troubleshooting site) has an hCard (vCard) in the repair directory displaying information about all kinds service providers.
- z.Yleo77 it's my blog, from now on, supports hCard, eg: article pages..
exemples par catégories
Vous voulez une hCard ? Commencez par écrire une hCard en utilisant le hCard creator pour écrire quelque information de contact, validez et publiez-la, ou suivez les trucs de rédaction hCard pour ajouter un marquage hCard à votre site. Regardez cette section pour des exemples similaires de types de pages qui tirent profit du marquage hCard.
Cette section organise les exemples en plusieurs catégories comme suit. Si un exemple rentre dans plus d'une catégorie, utilisez la *dernière* catégorie dans cette liste qui correspond aux exemples spécifiques de hCard dans la jungle que vous essayez de catégoriser.
- Individuels - une carte par personne, peut-être trier alphabétiquement par "nom de famille". Les personnes avec leurs propres hCards (typiquement) sur leurs propres sites.
- Organisations - une carte par organisation, alphabétiquement par "fn". Les organisations avec leurs propres hCard(s) sur leur propre site.
- Institutions - qui listent plus d'une personne, avec un compteur estimant le # de hCards, par ex. plus de 40k pour Avon. Indiquez aussi la complexité de l'information fournie, par ex. juste le nom et le numéro de tél vs détails complets. Trié alphabétiquement par "org" avec peut-être quelques individus listés dans une sous-bulle unique, délimitée par une virgule, triée par "family-name".
- Profils en ligne triés alphabétiquement par société / nom de service.
- Lieux en ligne - listings pour entreprises ou organisations, avec un comptage estimant le nombre de lieux, par ex. ~10k pour Upcoming.org. Triés alphabétiquement par nom de service/site, avec peut-être quelques lieux spécifiques listés dans une sous-bulle unique, délimités par des virgules, triés par "fn".
- Listes de conférenciers - les pages des sites événements où les conférenciers sont marqués avec hCard. Triés par date, sous-groupés par années. Les plus récents en premier. Peut-être quelques individus listés dans une sous-bulle unique de chaque événement.. Triés par date, sous-groupés par année. Les plus récents en premier. Peut-être quelques individus listés dans une sous-bulle unique de chaque événement, délimités par des virgules, triés par "family-name".
- Blogs de groupe - blogs avec plusieurs auteurs marqués avec hCard
- Auteurs - les pages à propos d'autre chose, telles que des livres, des critiques, qui ont marqué leurs auteurs avec hCard
- Résultats de Recherche - les pages résultantes des moteurs de recherche (soit générique ou pour les personnes/organisations) qui renvoient des personnes marquées avec hCard.
- Listing Contact - information de contact pour un listing comme les annonces d'emploi, petites annonces, etc.
En outre, il existe une section séparée "Exemples UTF8" qui peut être utilisée pour déposer un autre lien vers tout exemple de hCard dans la jungle qui exerce différents caractères non-ASCII7 / non-anglais pour différentes valeurs de propriétés.
Au fur et à mesure que chaque section en elle-même deviendra trop grande (nous pourrions être encore là, une fois que nous aurons trié les "Exemples critiqués" ci-dessus), elle sera probablement migrée sur 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é statistique.
Individus
Groupés alphabétiquement par "family-name".
Joliment stylisées :
- la page d'accueil de Jared Hanson a une hCard magnifique avec de nombreux moyens de le contacter, et une mise à jour en temps réel de son statut en ligne sur différents réseaux de messagerie (utilise javascript).
- l'information de contact de Rogie King est marquée avec hCard et très joliment stylisée.
- la page d'accueil de Tim Van Damme est une très belle hCard.
- a besoin de quelques réparations mineures : http://tr.im/hctvd (lien vers les résultats du validateur de hCard)
Pages web simples :
- hCard UID d'Antoine Bernier :
- Lien de téléchargement Dynamique VCF (à travers le hcard parseur)
- QRcode dynamique (à travers hcard2qrcode)
- Avtar dynamique (à travers Gravatar)
- Prêt pour openID
- valide
- La page d'accueil de David Baron est marquée avec hCard.
- La page d'accueil de Tantek Çelik inclut une hCard d'auteur dans la ligne en bas de la page.
- Christopher T. Cressman place ses détails de contact sur Who is Chris Cressman? et elle est marquée avec hCard.
- Chris Messina a une page dédiée avec ses détails de contact.
- Paul Roub a une hCard pour lui-même sur la page de son blog.
- Patrick Trettenbrein est l'opérateur de skateboardspot.info et utilise hCard sur sa page "about" pour son info de contact.
- Chris Wilson a une page hCard pour lui-même sur sa page about.
- ...
Cachée ! La donnée invisible est fortement découragée, ces exemples ont été groupés ici dans l'espoir que les auteurs rendront un nour leurs hCards visible :
- La page d'accueil de A.J. Brown a une hCard cachée en bas de page.
Avant. Les URLs semblent brisées.
- http://tomleo.com/about.html La page about de Tom Leo avait une hCard. (manquante en date du 2009-08-23)
Organisations
- Michrome Marketing Lists (UK) utilise hCard sur toutes ses données de résultats de recherche. Par exemple, Startup Companies in Bradford.
- 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 Team des Conférences O'Reilly a des hCards pour son équipe (~14) avec un lien vers "Download the below contact info in vcf format" qui utilise le service de fil Technorati contacts pour convertir les hCards en vCards.
- sous-optimal: L' "org" ne devrait pas être caché avec "display:none". Utilisez à la place le include-pattern pour inclure le "org" à partir du texte quelque part sur la page (pour éviter la duplication du texte).
- La page Staff de Technorati a des hCards pour ses collaborateurs (~31)
- par ex. Matthew Levine, Ryan King, etc.
avec quelques problèmes :
- L'Annuaire des Employés d'IBM renvoie des hCards dans ses résultats de recherche :
- par ex. recherche sur Michael Kaply,
- mais avec quelques problèmes :
- invalide : pas de "fn" (pourrait se résoudre par would be addressed by the fn implicite à partir de n)
- sous-optimisé : : adr n'a pas d'enfants et de ce fait ne fournit pas quelque donnée (peut se résoudre par la proposition implicite des sous propriétés adr)
- Bolton Museum and Archive Service utilise hCard sur sa page
- Contacts
- invalide : Plusieurs n'ont pas de "fn"
- et sur chacune de ses pages d'attractions visiteur par ex. sur la page Hall i' th' Wood location page.
- sous-optimal : les propriété "email" et "tel" incluent par erreur des étiquettes "Email:" et "Telephone:" .
- Contacts
- Stanford Online Accessibility Program has implemented hCard on every page
- sous-optimal : positionnés hors écran via CSS
- Belkin Press Release - Tous les communiqués de presse de Belkin depuis octobre 2006 utilisent hCard et vCard pour l'information de contact de la société.
- invalide : L'exemple a une hCard invalide (sur 3) du au manque de "fn".
- Alexa Internet a marqué sa page managers' page avec hCard.
- sous-optimal : job "title" est inclus dans la propriété "fn".
- ...
Profils En Ligne
Voir hcard-supporting-profiles-fr.
Lieux en Ligne
- Sydney Directory Wiki supporte hCard et les coordonnées géographiques pour les endroits, par ex. Sydney Opera House.
- Airfix Stockists and Distributors, par ex. [7]
- sous-optimal :
street-address
contient street address, locality et region (par ex. "99 Hobs Moat Rd, Solihull, W. Midlands") - sous-optimal :
postal-code
etcountry-name
incluent des virgules - sous-optimal :
fn
est utilisé ; devrait êtrefn org
- sous-optimal :
Listes de conférenciers
2007
to-do : jeter un oeil aux présentations 2007 car elles contiennent probablement des liens vers des conférences qui ont marqué leurs pages de conférenciers avec hCard.
2006
to-do: jeter un oeil aux présentations 2006 car elles contiennent probablement des liens vers des conférences qui ont marqué leurs pages de conférenciers avec hCard.
2005
to-do : jeter un oeil aux présentations 2005 car elles contiennent probablement des liens vers des conférences qui ont marqué leurs pages de conférenciers avec hCard.
- 12: Syndicate - Speaker List (version hCardée hébergée chez tantek.com)
- 10: Web 2.0 Conference 2005 -- Speakers (version hCardée hébergée chez tantek.com)
- 09: Web Essentials 2005 - Les Présentateurs http://we05.com/presenters.cfm (semble avoir cessé de fonctionner en date du 2007-12-18, peut-être plus tôt) renvoient sur tantek.com : Web Essentials 2005 - The Presenters. Web Essentials 2005 (we05) était la première conférence à avoir adopté hCard et hCalendar sur son site web.
Blogs de Groupe
avec quelques problèmes :
- Le Podcast 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".
Auteurs
- LazyLibrary uses author hCard's on every book page. Example: [8]
- suboptimal Example has an fn of "Dorling Kindersley, David West Reynolds" which should be split into two hCards! (site would also benefit from hReview).
Résultats de Recherche
- University of Bath Person Finder results are encoded with hCards so you can easily create a vCard from any result.
- invalid: attempt to use Implied-N optimization where that's not possible,
- suboptimal: honorific-prefix could be explicitly marked up
- Error appears for external users only. Won't be fixed any time soon. -- PhilWilson 00:03, 28 Jan 2006 (GMT)
Listes de contacts
L'information de contact sur les listings, par ex. les listes d'annonces de recrutement, les items à vendre, etc.
- search marketing executive publiée par SEOgadget.
- propriété url invalide - manque href sur l'élément propriété url http://, de ce fait il est invalide et lie vers une URL relative inexistante.
- XHTML invalide - le validateur W3C rapporte que cette page est XHTML 1.0 Transitional (109 errors en date du 2009-08-20).
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 embarqué sa hCard encodée UTF8 avec des caractères russes dans la page "Auteur" de son site web.
- ECDLWeb.com encode l'information hCard et Geo information des centres de test ECDL et ICDL en UTF-8. Le cas de test pour l'Europe Centrale (caractères tchèque, hongrois etc.) et cyrillique.
- 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.