hcard-examples-in-wild-fr: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
mNo edit summary
Line 1: Line 1:
<entry-title>Exemples de hCards dans la jungle</entry-title>
<entry-title>Exemples de hCards dans la jungle</entry-title>
<div style="height:7.5em;text-align:center;font-weight:bold;font-size:larger">
<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_categories|Vous voulez des hCards]]</span><span style="padding:3em 0;float:left;width:33%">[[hcard-examples-in-wild#new_and_uncategorized_examples|Vous aves des hCards]]</span>
<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>
</div>


Line 183: Line 183:
* 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.
* 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://news.stanford.edu Stanford News] (Redesign) hCard dans le pied de page sur chaque page tout comme le balisage pour chaque membre du staff sur la page Staff.
* [http://www.wikiservice.at/fractal/wikidev.cgi?FR/EveMoreau Valérie-Eve Moreau] a bricolé une hCard sur sa page personnelle-wiki.
* [http://en.wikipedia.org/wiki/St_George%27s_Minster%2C_Doncaster St George's Minster, Doncaster, sur Wikipedia]  
* [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]  
* AOL Journals publie des hCards pour les auteurs. [http://journals.aol.com/carowill/whats-happening Example]  
* La [http://ian.mckellar.org/ home page] de Ian McKellar est une hCard stylée pour ressembler à une carte de visite professionnelle.
* 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].
* [[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].
* [http://www.matthewwest.co.uk Matthew West] a une hCard sur sa page [http://www.matthewwest.co.uk/email contact].
Line 385: Line 384:
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.
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.


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


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


=== Profils En Ligne ===
=== Profils En Ligne ===
 
Voir [[hcard-supporting-profiles-fr]].
=== Lieux en Ligne  ===
=== 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.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===
===Listes de conférenciers===
Line 520: Line 475:
* 10: [http://tantek.com/microformats/2005/web2/speakers.html Web 2.0 Conference 2005 -- Speakers] (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.
* 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).
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 emabarqué sa hCard encodée UTF8 avec des caractères russes dans la page "Auteur" de sont site web.
* [http://sphinx.net.ru/author/ Dmitry Dzhus] a embarqué sa hCard encodée UTF8 avec des caractères russes dans la page "Auteur" de sont site web.
* [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://technorati.jp/about/contact.html L'information de contact Technorati Japon] encode le japonais comme de l'UTF8 dans la ligne.

Revision as of 00:01, 30 August 2009

<entry-title>Exemples de hCards dans la jungle</entry-title>

Vous voulez des hCardsVous avez des hCards

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. mf_hcard.png microformat_hcard.png

GRAND GARAGE PELLEPORT.

à venir


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.

  1. 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.
  2. Organisations - une carte par organisation, alphabétiquement par "fn". Les organisations avec leurs propres hCard(s) sur leur propre site.
  3. 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".
  4. Profils en ligne triés alphabétiquement par société / nom de service.
  5. 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".
  6. 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".
  7. Blogs de groupe - blogs avec plusieurs auteurs marqués avec hCard
  8. Auteurs - les pages à propos d'autre chose, telles que des livres, des critiques, qui ont marqué leurs auteurs avec hCard
  9. 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.
  10. 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.


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, à 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. Blogs de Groupes - blogs avec plusieurs auteurs marqués avec hCard
  5. 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".
  6. 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".
  7. Listes de conférenciers - Les pages de conférenciers sur les sites d'événements où les conférenciers sont balisées 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

Groupés alphabétiquement par "family-name".

Joliment stylisée :

  • l'information de contact de Rogie King est marquée avec hCard et très joliment stylisée.

Pages web simple :

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

Institutions

avec quelques problèmes :

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 et country-name incluent des virgules
    • sous-optimal : fn est utilisé ; devrait être fn org


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.

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).


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.

Exemples Non-HTML

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.