hcard-examples-in-wild-fr

From Microformats Wiki
Jump to navigation Jump to search

Exemples de hCard dans la jungle

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

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

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

Vous voulez démarrer par écrire une hCard ? Utilisez l'application hCard creator pour écrire quelque information de contact et la publier, ou suivez les astuces de pubication hCard pour ajouter un balisage hCard à votre page contact actuelle.

Exemples pour se conformer

Nouveaux exemples

SVP ajoutez de nouveaux exemples en haut de cette section de façon qu'ils puissent être critiqués.

  • Les listes des panélistes et participants à Conferenceer durant la conférence interactive 2007 South de Southwest est au format hCard.
  • Stanford News (Redesign) hCard dans le pied de page sur chaque page tout comme le balisage pour chaque membre du staff sur la page Staff.
  • Valérie-Eve Moreau a bricolé une hCard sur sa page personnelle-wiki.
  • St George's Minster, Doncaster, sur Wikipedia
  • AOL Journals publie des hCards pour les auteurs. Example
  • La home page de Ian McKellar est une hCard stylée pour ressembler à une carte de visite professionnelle.
  • Christophe Ducamp sur une page personnelle d'une branche-wiki dédié à construire un groupe francophone sur les microformats. Aidé par Laurent Lunati pour le design, tout le monde peut la corriger en éditant la page.
  • Matthew West a une hCard sur sa page contact.
  • Le portofolio du FreeLance en développement web Paweł Wrzosek
  • Thibeault Studios a une hCard d'entreprise dans le pied de page sur chaque page tout comme des hCards individuelles sur la page Contact.
  • Le balisage hCard Stanford.edu est inclus dans le pied de page de la page d'accueil et toutes les pages subséquentes dans le répertoire /home.
  • OpenID.ne.jp Premier fournisseur de service OpenID au Japon (日本語). Chaque page personnelle OpenID (par ex :http://eouia.openid.ne.jp) est balisée sous hCard. Et il y a aussi une hCard de société sur chaque page.
  • L'adresse de UK Car Garages au Royaume Uni au format hCard.
  • La page About Us de Columbia Automation a balisé chaque employé sous une hCard et dispose aussi d'une hCard de société avec l'information geo.
  • Pointermix Design utilise le format hCard.
  • La page contact de eight6 utilise le format hCard
  • Les listes d'annonces de Rave About It utilisent le format hCard.
  • La page de l'équipe d'optics.org.
  • La première tentative de Rob Cottingham dans les microformats est une hCard sur la page contact de son blog personnel (Il a été inspiré par la présentation de Tantek Çelik lors de Web Directions North 2007.)
  • Steve Ivy - hcard sur la page "about", inclut les suspects usuels + XFN sur les 'url's, photo, et geo.
  • L'Université de Seattle utilise hCard sur sa page d'accueil et la plupart des pages qui partagent un gabarit officiel.
  • L'école secondaire José Marti XXII à Varsovie inclut hCard sur les sections Contact et A propos de l'auteur
  • Jaama a mis ses détails de société sous une vCard téléchargeable sur sa 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. [1].
  • boogdesign.com a ajouté une syntaxe hCard sur la page de contact.
  • GreatPlaceToGolf, hCards pour les clubs de golf autour du monde, par exemple [2]. 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'
  • Last FM a des hCards cachées sur ses pages profils par ex. [3].
  • 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 dans les English Midlands 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.
  • IBM embrasse les microformats. L'annuaire "IBM Employee" renvoie maintenant des hCards dans ses résultats de recherche. Regardez aussi le Podcast Shortcuts.
  • David Singleton a ajouté une hCard à son blog.
  • Kriss Watt a caché une hCard dans le pied de page de 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.

à venir

Exemples Révisés

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

Exemples avec quelques problèmes

Les entrées peuvent être migrées ici s'il y a un problème avec la façon dont les hCards sont utilisées sur la page concernée. Si la page est la vôtre, et que vous vouliez l'améliorer, regardez les hCard FAQ, ou soulevez toute question sur les problématiques hCard ou la liste de discussion, où les personnes seront heureuses de vous aider.

  • Alexa Internet a balisé sa page des managers avec hCard.
  • Natural England (nouvelle agence de gouvernement au Royaume Uni, formée 2006-10-01).
    • Pas de "fn" - ce qui fait que c'est invalide.
  • wizardishungry/blog a la hCard de l'auteur dans le pied de page de chaque page avec un lien vers X2V.
    • les données de l'address sont cachées en utilisant CSS.
  • G3:2 utilise hCard avec des tags geo dans le copyright et sur la page about me.
    • La donnée Address est cachée en utilisant CSS.
  • ZDnet Contact Us Page supporte hCard.
    • par James Myers et David Long
    • Les images et adresse email sont cachées ; les numéros de téléphone ne sont pas compatibles avec E.123
  • Gerard Braad a publié un exemple sur sa page profile qui est presque cohérent avec son fichier original vCard. Aussi un progrès est fait pour transformer son fichier FoaF vers une représentation encodée hCard. (produit aussi pour mon épouse  :Yong Yuan)


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

Exemples Groupés

Cette section organise les exemples en plusieurs catégories comme suit. Si un exemple correspond à plus d'une catégorie, utilisez la *dernière* catégorie correspondante dans cette liste qui correspond aux exemple(s) spécifiques de hCards dans la jungle que vous essayez de catégoriser.

  1. Individus - une carte par personne, peut-être trier alphabétiquement par "family-name". Les personnes avec leurs propres hCards (généralement) sur leur propre site.
  2. Organisations - une carte par organisation, alphabétiquement par "fn". Les organisation avec leurs propres hCards (généralement) sur leurs propres sites web.
  3. Institutions - qui listent plus d'une personne, avec un nombre estimé du # de hCards, par exemple 40k pour Avon. Indiquez aussi la complexité de l'information fournie, par exemple juste le nom+nombre vs détails complets. Triées alphabétiquement par "org" avec peut-être quelques individus listés dans une seule sous-bulle, délimités par une virgule et triés par "family-name".
  4. Profils en Ligne - qui hébergent des profils pour plus d'une personne, avec un nombre estimé du # de hCards, par ex. 10m+ pour Flickr.com. Triés alphabétiquement par "fn" avec peut-être quelques individus listés dans une seule sous-bulle, délimités par une virgule et triés par "family-name".
  5. Lieux en ligne - qui fournissent des listings pour les entreprises ou organisations, avec un nombre estimé du # de lieux, par exemple ~10k pour Upcoming.org. Triés alphabétiquement par service/nom de site, avec peut-être quelques lieux spécifiques listés dans une seule sous-bulle, délimités par une virgule et triés par "fn".
  6. Listes de conférenciers - Les pages de conférenciers sur les sites d'événements où les conférenciers sont balisés avec hCard. Triées par date, sous-groupées par années. Les plus récentes en premier. Peut-être quelques individus listés dans une unique sous-bulle pour chaque événement, séparés par une virgule, triés par "family-name".

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

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

Individus

Organisations

Institutions

Profils En Ligne

Lieux en Ligne

Listes de conférenciers

2007

  • ...

2006

  • ...

2005

  • ...

Exemples en UTF8

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

Pages Apparentées

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.