hcard-examples-fr

2009-01-03T11:35:20Z

DarchIlivi: racbonov

sitcotaalrel
<h1>Exemples de hCard</h1>
{{TOC-right}}
Exemples de [[hcard-fr|hCards]].

== Auteurs ==
* [http://tantek.com/ Tantek Ãelik]
* Brian Suda

* (Traduction en cours et tentative de localisation francophone [[Christophe Ducamp]] - Attention : seul le lien [[hcard-examples]] fait rÃ©fÃ©rence)

== Exemples Instructifs ==

=== Auteurs de Pages et de Posts ===
[http://www.la-grange.net/w3c/html4.01/struct/global.html#h-7.5.6 Selon la spÃ©cification HTML4.01], "les auteurs peuvent employer l'Ã©lÃ©ment <code><address></code> pour fournir les informations de contact du document ou d'une partie essentielle de celui-ci" c'est Ã dire

<pre><nowiki>
<address>
<a href="http://tantek.com/">Tantek Ãelik</a>
</address>
</nowiki></pre>

En ajoutant [[hcard-fr|hCard]] Ã un tel XHTML sÃ©mantique, vous pouvez indiquer explicitement le nom de la personne, son URL, etc. :

<pre><nowiki>
<address class="vcard">
<a class="fn url" href="http://tantek.com/">Tantek Ãelik</a>
</address>
</nowiki></pre>

Ceci pourrait Ãªtre affichÃ© comme :

[http://tantek.com/ Tantek Ãelik]

Ceci fonctionne non seulement pour l'ensemble de pages, mais aussi pour les "parties essentielles" des pages, par exemple les billets de blog.

Voir le [http://microformats.org/blog/ blog microformats.org] (visualisez la source) pour un exemple vivant. L'auteur de chaque billet de blog sur le blog microformats.org est balisÃ© comme un Ã©lÃ©ment <code><address class="vcard"></code> comme l'exemple montrÃ© ci-dessus.

=== RÃ©fÃ©rences aux Personnes et aux Organisations ===

Un modÃ¨le commun dans les posts de blog est de lier les citations des noms de personnes vers leurs blogs, et/ou les organisations vers leurs pages d'accueil. Par ex :

<pre><nowiki>
<cite>
<a href="http://meyerweb.com/">Eric Meyer</a>
a Ã©crit un billet
(<cite>
<a href="http://meyerweb.com/eric/thoughts/2005/12/16/tax-relief/">
Tax Relief
</a>
</cite>)
Ã propos d'une lettre involontairement humoristique qu'il a reÃ§ue du
<a href="http://irs.gov/">Internal Revenue Service</a>.
</nowiki></pre>

En ajoutant hCard Ã un tel balisage, vous pouvez explicitement indiquer Ã la fois la personne et l'organisation par le nom et l'URL :

<pre><nowiki>
<cite class="vcard">
<a class="fn url" href="http://meyerweb.com/">Eric Meyer</a>
</cite>
a Ã©crit un billet
(<cite>
<a href="http://meyerweb.com/eric/thoughts/2005/12/16/tax-relief/">
Tax Relief
</a>
</cite>)
Ã propos d'une lettre involontairement humoristique qu'il a reÃ§ue du
<span class="vcard">
<a class="fn org url" href="http://irs.gov/">Internal Revenue Service</a>
</span>.
</nowiki></pre>

Remarquez les noms de classe "fn org url" sur l'hyperlien entourant IRS. Utiliser la mÃªme valeur (ou Ã©lÃ©ment pour ce qui compte) pour "fn" et "org" indique que le hCard dÃ©crit une organisation plutÃ´t qu'une personne.

Ceci pourrait Ãªtre affichÃ© comme :

''[http://meyerweb.com/ Eric Meyer]'' a Ã©crit un billet
(''[http://meyerweb.com/eric/thoughts/2005/12/16/tax-relief/ Tax Relief]'')
Ã propos d'une lettre involontairement humoristique qu'il a reÃ§ue du [http://irs.gov/ Internal Revenue Service].

=== hCard et XFN ===
==== RÃ©fÃ©rences vers des Personnes dans les Billets de Blog ====

Dans l'exemple au-dessus, une personne (le blogueur) fait rÃ©fÃ©rence Ã une autre personne (Eric Meyer). En plus d'utiliser hCard pour baliser explicitement la rÃ©fÃ©rence comme une personne, le blogueur peut utiliser [http://gmpg.org/xfn/ XFN] (Le XHTML Friends Network) pour indiquer sa relation avec Eric Meyer, par ex. :

<pre><nowiki>
<cite class="vcard">
<a class="fn url" rel="friend colleague met" href="http://meyerweb.com/">
Eric Meyer
</a>
</cite>
a Ã©crit un billet
(<cite>
<a href="http://meyerweb.com/eric/thoughts/2005/12/16/tax-relief/">Tax Relief</a>
</cite>)
Ã propos d'une lettre involontairement humoristique qu'il a reÃ§ue du
<span class="vcard">
<a class="fn org url" href="http://irs.gov/">
Internal Revenue Service
</a>
</span>.
</nowiki></pre>

Cela s'afficherait de la mÃªme faÃ§on que dans l'exemple prÃ©cÃ©dent.

==== RÃ©fÃ©rences aux Personnes dans les Blogrolls ====

Beaucoup de blogueurs utilisent XFN (en utilisant souvent une interface utilisateur facile qui est construite dans [http://wordpress.org WordPress]) pour indiquer explicitement leurs relations avec les personnes dans leurs blogrolls :

<pre><nowiki>
<ul>
<li>
<a href="http://meyerweb.com" rel="friend colleague met">Eric Meyer</a>
</li>
<li>
<a href="http://photomatt.net" rel="friend colleague met">Matt Mullenweg</a>
</li>
</ul>
</nowiki></pre>

En ajoutant le balisage hCard Ã une blogroll d'amis XFN, vous pouvez indiquer explicitement le nom et l'URL de la personne en plus de sa relation :

<pre><nowiki>
<ul>
<li class="vcard">
<a class="fn url" href="http://meyerweb.com" rel="friend colleague met">Eric Meyer</a>
</li>
<li class="vcard">
<a class="fn url" href="http://photomatt.net" rel="friend colleague met">Matt Mullenweg</a>
</li>
</ul>
</nowiki></pre>

qui pourrait s'afficher comme :
* [http://meyerweb.com Eric Meyer]
* [http://photomatt.net Matt Mullenweg]

Ceci fait rÃ©fÃ©rence aux [[hcard-xfn-supporting-friends-lists-fr|listes d'amis supportant hCard et XFN]], et c'est un bloc de construction clÃ© de la [[social-network-portability-fr|portabilitÃ© du rÃ©seau social]].

Pour plus d'informations sur XFN, voir la [http://gmpg.org/xfn/ page d'accueil XFN], [http://gmpg.org/xfn/join rejoindre XFN], et [http://gmpg.org/xfn/background donnÃ©es de base sur XFN].

La technique est utilisÃ©e dans le plugin [http://factorycity.net/projects/wp-microformatted-blogroll/ Wordpress Blogroll MicroformatÃ©e].

=== Nouveaux Types d'Information de Contact ===

Depuis que vCard a Ã©tÃ© conÃ§u, il y a eu plusieurs autres services qui fournissent des individus avec des adresses ou d'autres moyens de contact, par ex. la messagerie instantanÃ©e, la voip, etc.

Est-ce que cela veut dire que vCard (et par consÃ©quent hCard) doit Ãªtre Ã©tendu pour les reprÃ©senter ?

GrÃ¢ce Ã la flexibilitÃ© de la propriÃ©tÃ© URL, la rÃ©ponse est non, aucune extension n'est nÃ©cessaire. Au lieu de cela, nous utilisons l'URL appropriÃ©e pour le service qui identifie le service (protocole, machine et/ou chemin), et plaÃ§on l'adresse de l'individu Ã l'intÃ©rieur de cela.

==== AOL Instant Messenger (AIM) ====
Les ids AOL Instant Messenger (AIM) peuvent Ãªtre reprÃ©sentÃ©es en utilisant le protocole <code>aim:</code>. Beaucoup de personnes qui publient leurs ids AIM le font ainsi avec des URLs cliquables par ex :

<pre><nowiki>
<a href="aim:goim?screenname=ShoppingBuddy">IM avec l'AIM ShoppingBuddy</a>
</nowiki></pre>

Par consÃ©quent pour hCard, nous adopterons ce comportement existant d'Ã©diteur, et le saisirons simplement comme un autre URL pour le hCard :

<pre><nowiki>
<a class="url" href="aim:goim?screenname=ShoppingBuddy">IM avec l'AIM ShoppingBuddy</a>
</nowiki></pre>

==== Yahoo Messenger ====
De la mÃªme maniÃ¨re, les ids de Yahoo Instant Messenger (YIM) peuvent Ãªtre reprÃ©sentÃ©es en utilisant le protocole <code>ymsgr:</code>. Et de la mÃªme maniÃ¨re, beaucoup publient leurs ids YIM comme des URLs cliquables par ex :

<pre><nowiki>
<a href="ymsgr:sendIM?QuelqueAmiYahoo">IM avec QuelqueAmiYahoo</a>
</nowiki></pre>

A nouveau, pour hCard, nous adopterons ce comportement de pubication de contenu existant, et le saisirons simplement comme un autre URL pour le hCard :
<pre><nowiki>
<a class="url" href="ymsgr:sendIM?QuelqueAmiYahoo">IM avec QuelqueAmiYahoo</a>
</nowiki></pre>

==== MSN Messenger ====
Les ids de MSN Messenger (MSNIM) peuvent Ãªtre reprÃ©sentÃ©es en utilisant le protocole <code>msnim:</code>. Et de la mÃªme faÃ§on, beaucoup publient leurs ids MSNIM comme des URLs cliquables par ex :

<pre><nowiki>
<a href="msnim:chat?contact=jeandupont@hotmail.com">IM avec jeandupont@hotmail.com</a>
</nowiki></pre>

Pour hCard, nous adopterons ce comportement de publication existant et le saisirons simplement comme un autre URL pour le microformat hCard :

<pre><nowiki>
<a class="url" href="msnim:chat?contact=jeandupont@hotmail.com">IM avec jeandupont@hotmail.com</a>
</nowiki></pre>

Mis Ã jour le 14 mai 2006 - [http://www.wackomenace.co.uk/ Ruben]

Voir les [[hcard-examples-issues-fr#MSN_Messenger|problÃ©matiques en rapport]].

==== XMPP (Jabber) ====
Les idÃ©es [http://www.xmpp.org/ Extensible Messaging and Presence Protocol (XMPP)] peuvent Ãªtre reprÃ©sentÃ©es en utilisant le protocole <code>xmpp:</code>, par exemple :
<pre><nowiki>
<a class="url" href="xmpp:username@jabberservice.com">IM with username@jabberservice.com</a>
</nowiki></pre>

Le protocole permet des URLs beaucoup plus riches, voir [http://www.faqs.org/rfcs/rfc4622.html RFC4622].

Il n'y a pas beaucoup de [http://wiki.jabber.org/index.php/XMPP_URIs#Jabber_Clients clients supportant actuellement le protocole].

==== Skype ====
Skype peut Ãªtre reprÃ©sentÃ© en utilisant le protocole <code>skype:</code> protocol. Il peut Ãªtre utilisÃ© pour ouvrir une session de chat ou produire un appel Skype.

<pre><nowiki>
<a href="skype:echo-chinese?chat">IM avec Skype echo service (Chinois) </a>
</nowiki></pre>

<pre><nowiki>
<a href="skype:echo-chinese?call">Appel Skype vers Skype echo service (Chinois) </a>
</nowiki></pre>

De ce fait pour hCard, nous pourrions adopter ce comportement de publication existant, et le capturer simplement comme un autre URL pour la hCard :
<pre><nowiki>
<a class="url" href="skype:echo-chinese?chat">IM avec Skype echo service (Chinois) </a>
</nowiki></pre>

<pre><nowiki>
<a class="url" href="skype:echo-chinese?call">Appel Skype vers Skype echo service (Chinois)</a>
</nowiki></pre>

==== ICQ ====
ICQ n'a pas de schÃ©ma URL. A la place de cela, ICQ fait un lien sur le web en utilisant les hyperliens HTTP pour tÃ©lÃ©charger une ressource de contenu-type <code>application/x-icq</code> que le systÃ¨me d'exploitation ouvre alors avec le client utilisateur ICQ du client.

Par consÃ©quent nous pouvons marquer ces hyperliens HTTP avec le contenu-type rÃ©glÃ© explicitement pour conmmuniquer la sÃ©mantique ICQ :

<pre><nowiki>

<a class="url"
type="application/x-icq"
href="http://www.icq.com/people/cmd.php?uin=[NUMEROICQ]&action=message">
Contact with ICQ</a>
</nowiki></pre>

En remplaÃ§ant [NUMEROICQ] avec le vÃ©ritable numÃ©ro ICQ de l'utilisateur.

==== Profils de Sites ====
Les blogueurs indiquent souvent leur identitÃ© sur les services d'hÃ©bergement de contenu en utilisant l'URL de leur page d'accueil, fil ou profil sur ces services. En les Ã©tiquetant comme des propriÃ©tÃ©s d'URL, ces facettes supplÃ©mentaires d'identitÃ© peuvent Ãªtre aussi bien publiÃ©es dans hCard.

* <code>[http://del.icio.us delicious]:</code>
** <code><a class="url" href="http://del.icio.us/rbach">les liens de Robert Bachmann</a></code>
* <code>[http://flickr.com Flickr]:</code>
** <code><a class="url" href="http://flickr.com/photos/tantek/">Voir mes photos</a></code>
** <code><a class="url" href="http://flickr.com/people/tantek/">Profil Flickr</a></code>
* <code>[http://technorati.com/ Technorati]:</code>
** <code><a class="url" href="http://technorati.com/profile/tantek/">Profil Technorati</a></code>
* ComplÃ©tez ici...
** ....

==== lister vos autres profils ====
Le cas le plus commun des sites listant d'autres profils sont les blogueurs qui listent leurs leurs propres autres profils, ou un site permettant Ã un utilisateur de lister son profil sur ce site, de lier vers ses autres profils. Du fait que l'auteur indique clairement que tous ces profils signifient la mÃªme personne, il est mieux de les marquer avec <code>rel="me"</code> de [[xfn-fr|XFN]] pour une consolidation d'identitÃ© explicite, par exemple si ces liens Ã©taient sur le blog de Tantek ou d'autres profils de rÃ©seaux sociaux :

* <code>[http://del.icio.us delicious] :</code>
** <code><a class="url" href="http://del.icio.us/rbach">lien de Robert Bachmann</a></code>
* <code>mon [http://flickr.com Flickr] :</code>
** <code><a class="url" href="http://flickr.com/photos/tantek/">Voir mes photos</a></code>
** <code><a rel="me" class="url" href="http://flickr.com/people/tantek/">Profil Flickr</a></code>
* <code>[http://technorati.com/ Technorati] :</code>
** <code>my <a rel="me" class="url" href="http://technorati.com/profile/tantek/">Profil Technorati</a></code>
* Ajoutez-en plus ici...
** ....

Une telle consolidation d'identitÃ© explicite menÃ©e par l'utilisateur est aussi un bloc de construction-clÃ© pour la [[social-network-portability-fr|portabilitÃ©-du-rÃ©seau-social]] qui est espliquÃ©e plus Ã fond dans le contexte des [[hcard-xfn-supporting-friends-lists-fr|listes-d'amis-supportant-hCard-et-XFN]].

=== Profils Canoniques sur les Sites ===
Les sites ont parfois diffÃ©rentes pages pour la "home" page d'une persone, et cette page profil de l'utilisateur.

Par exemple, Flick a :
* votre page d'accueil est sur une URL comme : <code>http://flickr.com/photos/</code> suivie par votre nom d'utilisateur, par ex. :
** http://flickr.com/photos/tantek/
* votre page profil est sur une URL comme <code>http://flickr.com/people/</code> suivie par votre nom d'utilisateur, par ex. :
** http://flickr.com/people/tantek/

En outre, les sites on souvent une URL <em>canonique</em> pour une personne et plusieurs URLs alternatives.

Comme cela a Ã©tÃ© notÃ© au-dessus, les liens vers ces URLs Ã l'intÃ©rieur de hCards qui reprÃ©sentent ces personnes devraient avoir un nom de classe "url".

En outre, de tel(s) lien(s) dans les hCards vers l'URL canonique d'une personne sur ce site devrai(en)t aussi avoir le nom de classe "uid". Cette technique a Ã©tÃ© proposÃ©e par Ryan King au premier [[events/2007-08-28-social-network-portability-today|dÃ©jeuner Social Network Portability Today]].

Construit sur l'exemple en partant de la sections prÃ©cÃ©dente :
* [http://flickr.com Flickr]:
** <code><a class="url" href="http://flickr.com/photos/tantek/">Voir mes photos</a></code>
** <code><a rel="me" class="url uid" href="http://flickr.com/people/tantek/">Profil Flickr</a></code>

Une telle propriÃ©tÃ© "url" + "uid" pourrait aussi Ãªtre utilisÃ© par un site sous l'URL [[OpenID-fr|OpenID]] de la personne.

=== Organisations et DÃ©partements ===
Les dÃ©partements sont balisÃ©s en utilisant le nom de classe "organization-unit" Ã l'intÃ©rieur de l'Ã©lÃ©ment "org", avec le nom de l'organisation "organization-name" spÃ©cifiquement balisÃ© pur le distinguer du dÃ©partement :

<pre><nowiki>
<div class="vcard">
<div class="org fn">
<div class="organization-name">Pages Jaunes France</div>
<div class="organization-unit">Apprentissage et Plomberie : Design Microformats</div>
</div>
</div>
</nowiki></pre>

Le dÃ©partement peut aussi faire partie de l'adresse, cas dans lequel vous pourrez vouloir le baliser explicitement comme "extended-address" (adresse Ã©tendue) en plus de "organization-unit".

<pre><nowiki>
<div class="vcard">
<div class="adr">
<div class="org fn">
<div class="organization-name">Pages Jaunes France</div>
<div class="organization-unit extended-address">Apprentissage et Plomberie : Design Microformats</div>
</div>
<div class="street-address">7 avenue de la Cristallerie</div>
<span class="locality">SÃ¨vres</span>,
<abbr title="Ile de France" class="region">Ile de France</abbr>
<span class="postal-code">92310</span>
</div>
</div>
</nowiki></pre>

Remarquer qu'en imbriquant le org dans l'adresse, nous avons Ã©vitÃ© de dupliquer le nom du dÃ©partement.

=== Listest d'Organisations ===
De la mÃªme faÃ§on que dans les [[hcard-examples-fr#R.C3.A9f.C3.A9rences_aux_Personnes_dans_les_Billets_de_Blog|listes de personnes]], les listes d'organisations (par exemple les groupes de musique) devraient utiliser une liste (non ordonnÃ©e Ã moins qu'il n'y ait une raison spÃ©cifique de la trier) avec des items de liste vers les pages d'accueil respectives des organisations.

par exemple ce simple [[posh-fr|CHIC]] :

<pre><nowiki>
<ul>
<li>
<a href="http://microformateurs.org/">microformateurs.org</a>
</li>
<li>
<a href="http://technorati.com/">Technorati</a>
</li>
<li>
<a href="http://www.w3.org/">World Wide Web Consortium</a>
(W3C)
</a>
</li>
</ul>
</nowiki></pre>

peut Ãªtre facilement amÃ©liorÃ© avec hCard :

<pre><nowiki>
<ul>
<li class="vcard">
<a class="fn org url" href="http://microformateurs.org/">microformateurs.org</a>
</li>
<li class="vcard">
<a class="fn org url" href="http://technorati.com/">Technorati</a>
</li>
<li class="vcard">
<a class="fn org url" href="http://www.w3.org/">World Wide Web Consortium</a>
(<span class="nickname">W3C</span>)
</a>
</li>
</ul>
</nowiki></pre>

== Exemples <nowiki>RFC 2426</nowiki> dans la hCard ==

Ce sont des exemples 1:1 de hCard pour chaque exemple dans la [http://www.ietf.org/rfc/rfc2426.txt RFC 2426].

Mark Pilgrim a produit ces exemples de hCard disponibles sous des fichiers sÃ©parÃ©s :
* http://diveintomark.org/projects/greasemonkey/hcard/tests/

=== 2.4.2 VCARD ===

<pre><nowiki>
AGENT:BEGIN:VCARD\nFN:Jean Vendredi\nTEL:+1-919-555-7878\n
TITLE:Administration Chantier\, Assistant\n EMAIL\;TYPE=INTERNET:\n
jvendredi@host.com\nEND:VCARD\n
</nowiki></pre>

Ce fragment de vCard a une propriÃ©tÃ© dont la valeur est une autre vCard, et pourrait Ãªtre reprÃ©sentÃ©e comme un fragment de hCard avec un Chard embarquÃ©, littÃ©ralement (avec la valeur par dÃ©faut non nÃ©cessaire type=internet omise, et l'optimisation implicite n) :

<pre><nowiki>
<div class="agent vcard">
<a class="email fn" href="mailto:jvendredi@host.com">Jean Vendredi</a>
<div class="tel">+1-919-555-7878</div>
<div class="title">Administration Chantier, Assistant</div>
</div>
</nowiki></pre>

Ce hCard pourrait Ãªtre affichÃ© comme :

[mailto:jvendredi@host.com Jean Vendredi]<br />
+1-919-555-7878<br />
Administration Chantier, Assistant

=== 3.1.1 DÃ©finition Type FN ===

<pre><nowiki>
FN:M. Jean Q. Public\, Dr.
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<span class="fn">M. Jean Q. Public, Dr.</span>
</nowiki></pre>

Ce fragment hCard pourrait Ãªtre affichÃ© comme :

M. Jean Q. Public, Dr.

=== 3.1.2 DÃ©finition Type N ===

==== Exemple 1 ====

<pre><nowiki>
N:Public;Jean;Quinlan;M.;Esq.
</nowiki></pre>

ce fragment vCard fragment comme un fragment hCard :

<pre><nowiki>
<span class="n">
<span class="honorific-prefix">M.</span>
<span class="given-name">Jean</span>
<span class="additional-name">Quinlan</span>
<span class="family-name">Public</span>,
<span class="honorific-suffix">Dr.</span>
</span>
</nowiki></pre>

ce fragment hCard pourrait Ãªtre affichÃ© comme :

M. Jean Quinlan Public, Dr.

==== Exemple 2 ====

<pre><nowiki>
N:Stevenson;Jean;Philippe,Paul;Dr.;Jr.,M.D.,A.C.P.
</nowiki></pre>

Ce fragment vCard sous un fragment hCard :

<pre><nowiki>
<span class="n">
<span class="honorific-prefix">Dr.</span>
<span class="given-name">Jean</span>
<span class="additional-name">Philippe</span>
<span class="additional-name">Paul</span>
<span class="family-name">Stevenson</span>,
<span class="honorific-suffix">Jr.</span>,
<span class="honorific-suffix">M.D.</span>,
<span class="honorific-suffix">A.C.P.</span>
</span>
</nowiki></pre>

ce fragment hCard serait affichÃ© comme :

Dr. John Philip Paul Stevenson, Jr., M.D., A.C.P.

=== 3.1.3 DÃ©finition Type NICKNAME (pseudo) ===

==== Exemple 1 ====

<pre><nowiki>
NICKNAME:Robbie
</nowiki></pre>

Ce fragment vCard sous un fragment hCard :

<pre><nowiki>
<span class="nickname">Robbie</span>
</nowiki></pre>

ce fragment hCard serait affichÃ© comme :

Robbie

==== Exemple 2 ====

<pre><nowiki>
NICKNAME:Jim,Jimmie
</nowiki></pre>

Ce fragment vCard sous un fragment hCard :

<pre><nowiki>
<span class="nickname">Jim</span>,
<span class="nickname">Jimmie</span>
</nowiki></pre>

ce fragment hCard serait affichÃ© comme :

Jim, Jimmie

=== 3.1.4 DÃ©finition Type PHOTO ===

==== Exemple 1 ====
<pre><nowiki>
PHOTO;VALUE=uri:http://www.abc.com/pub/photos/jqpublic.gif
</nowiki></pre>

Ce fragment vCard sous un fragment hCard :

<pre><nowiki>
<img class="photo" src="http://www.abc.com/pub/photos/jqpublic.gif" alt="" />
</nowiki></pre>

==== Exemple 2 ====
<pre><nowiki>
PHOTO;ENCODING=b;TYPE=JPEG:MIICajCCAdOgAwIBAgICBEUwDQYJKoZIhvcN
AQEEBQAwdzELMAkGA1UEBhMCVVMxLDAqBgNVBAoTI05ldHNjYXBlIENvbW11bm
ljYXRpb25zIENvcnBvcmF0aW9uMRwwGgYDVQQLExNJbmZvcm1hdGlvbiBTeXN0
<...remainder of "B" encoded binary data...>
</nowiki></pre>

Ce fragment vCard sous un fragment hCard : (sauts de ligne insÃ©rÃ©s dans la valeur src pour lisibilitÃ©) :

<pre><nowiki>
<img class="photo" src="data:image/jpeg;base64,MIICajCCAdOgAwIBAgICBEUwDQYJKoZIhvcN
AQEEBQAwdzELMAkGA1UEBhMCVVMxLDAqBgNVBAoTI05ldHNjYXBlIENvbW11bm
ljYXRpb25zIENvcnBvcmF0aW9uMRwwGgYDVQQLExNJbmZvcm1hdGlvbiBTeXN0
...remainder of B encoded binary data..." alt="" />
</nowiki></pre>

=== 3.1.5 DÃ©finition Type BDAY ===

==== Exemple 1 ====

<pre><nowiki>
BDAY:1996-04-15
</nowiki></pre>

Ce fragment vCard sous un fragment hCard :

<pre><nowiki>
<abbr class="bday" title="1996-04-15">15 avril 1996</abbr>
</nowiki></pre>

ce fragment hCard pourrait s'afficher comme :

<abbr class="bday" title="1996-04-15">15 avril 1996</abbr>

==== Exemple 2 ====

<pre><nowiki>
BDAY:1953-10-15T23:10:00Z
</nowiki></pre>

Ce fragment vCard sous un fragment hCard :

<pre><nowiki>
<abbr class="bday" title="1953-10-15T23:10:00Z">15 octobre 1953</abbr>
</nowiki></pre>

ce fragment hCard pourrait s'afficher comme :

<abbr class="bday" title="1953-10-15T23:10:00Z">15 octobre 1953</abbr>

==== Exemple 3 ====

<pre><nowiki>
BDAY:1987-09-27T08:30:00-06:00
</nowiki></pre>

Ce fragment vCard sous un fragment hCard :

<pre><nowiki>
<abbr class="bday" title="1987-09-27T08:30:00-06:00">9 septembre 1987</abbr>
</nowiki></pre>

ce fragment hCard pourrait s'afficher comme :

<abbr class="bday" title="1987-09-27T08:30:00-06:00">9 septembre 1987</abbr>

=== 3.2.1 DÃ©finition Type ADR ===

<pre><nowiki>
ADR;TYPE=dom,home,postal,parcel:;;123 Main
Street;Any Town;CA;91921-1234
</nowiki></pre>

ce fragement vCard sous un fragment hCard :

<pre><nowiki>
<div class="adr">
<abbr class="type" title="dom">US</abbr>
<span class="type">home</span> address, for
<abbr class="type" title="postal">mail</abbr> and
<abbr class="type" title="parcel">shipments</abbr>:
<div class="street-address">123 Main Street</div>
<span class="locality">Any Town</span>, <span class="region">CA</span>,
<span class="postal-code">91921-1234</span>
</div>
</nowiki></pre>

ce fragment hCard pourrait s'afficher comme :

<div class="adr">
<abbr class="type" title="dom">US</abbr>
<span class="type">home</span> address, for
<abbr class="type" title="postal">mail</abbr> and
<abbr class="type" title="parcel">shipments</abbr>:
<div class="street-address">123 Main Street</div>
<span class="locality">Any Town</span>, <span class="region">CA</span>,
<span class="postal-code">91921-1234</span>
</div>

=== 3.2.2 DÃ©finition Type LABEL ===

<pre><nowiki>
LABEL;TYPE=dom,home,postal,parcel:Mr.John Q. Public\, Esq.\n
Mail Drop: TNE QB\n123 Main Street\nAny Town\, CA 91921-1234
\nU.S.A.
</nowiki></pre>

Ce fragment vCard sous un fragment hCard :

<pre><nowiki>
Please use the following address label for
<div class="label">
<abbr class="type" title="dom">local delivery</abbr>
<abbr class="type" title="home">to my home</abbr>
<abbr class="type" title="postal">of mail</abbr>
<abbr class="type" title="parcel">and packages:</abbr>
<pre>
Mr.John Q. Public, Esq.
Mail Drop: TNE QB
123 Main Street
Any Town, CA 91921-1234
U.S.A.
</pre>
</div>
</nowiki></pre>

'''Note :''' le fragment hCard au-dessus utilise un tag <pre> Ã l'intÃ©rieur d'une valeur de propriÃ©tÃ© pour capturer/reprÃ©senter des retours explicites de transport (caractÃ¨res "\n") extrait du fragment vCard.

ce fragment hCard pourrait s'afficher comme suit :

Please use the following address label for
<abbr class="type" title="dom">local delivery</abbr>
<abbr class="type" title="home">to my home</abbr>
<abbr class="type" title="postal">of mail</abbr>
<abbr class="type" title="parcel">and packages:</abbr>
<pre>
Mr.John Q. Public, Esq.
Mail Drop: TNE QB
123 Main Street
Any Town, CA 91921-1234
U.S.A.
</pre>

=== 3.3.1 DÃ©finition Type TEL ===

<pre><nowiki>
TEL;TYPE=work,voice,pref,msg:+1-213-555-1234
</nowiki></pre>

ce fragment vCard sous un fragment hCard :

<pre><nowiki>
<span class="tel">
<abbr class="type" title="pref">mon</abbr>
<abbr class="type" title="voice">tÃ©lÃ©phone</abbr>
<span class="type">professionnel</span> avec
<abbr class="type" title="msg">messagerie vocale</abbr> :
<span class="value">+1-213-555-1234</span>
</span>
</nowiki></pre>

ce fragment hCard pourrait s'afficher comme :

mon tÃ©lÃ©phone professionnel avec messagerie vocale : +1-213-555-1234

=== 3.3.2 DÃ©finition Type EMAIL ===

==== Exemple 1 ====

<pre><nowiki>
EMAIL;TYPE=internet:jqpublic@xyz.dom1.com
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<a class="email" href="mailto:jqpublic@xyz.dom1.com">email jqpublic</a>
</nowiki></pre>

ce fragment hCard pourrait s'afficher ainsi

[mailto:jqpublic@xyz.dom1.com email jqpublic]

==== Exemple 2 ====

<pre><nowiki>
EMAIL;TYPE=internet:jdoe@isp.net
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<a class="email" href="mailto:jdoe@isp.net">email jdoe</a>
</nowiki></pre>

ce fragment hCard pourrait s'afficher ainsi

[mailto:jdoe@isp.net email jdoe]

==== Exemple 3 ====

<pre><nowiki>
EMAIL;TYPE=internet,pref:jeanne_doe@abc.com
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<a class="email" href="mailto:jeanne_doe@abc.com">
<abbr class="type" title="pref">preferred</abbr>
email prÃ©fÃ©rÃ© pour jeanne_doe
</a>
</nowiki></pre>

ce fragment hCard pourrait s'afficher ainsi

[mailto:jeanne_doe@abc.com email prÃ©fÃ©rÃ© pour jeanne_doe]

=== 3.3.3 DÃ©finition Type MAILER ===

<pre><nowiki>
MAILER:PigeonMail 2.1
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
Jeanne Doe utilise <span class="mailer">PigeonMail 2.1</span> pour l'email.
</nowiki></pre>

ce fragment hCard pourrait s'afficher ainsi

Jeanne Doe utilise <span class="mailer">PigeonMail 2.1</span> pour l'email.

=== 3.4.1 DÃ©finition Type TZ ===

==== Exemple 1 ====

<pre><nowiki>
TZ:-05:00
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<span class="tz">-05:00</span>
</nowiki></pre>

ce fragment hCard pourrait s'afficher ainsi

-05:00
==== Exemple 2 ====

<pre><nowiki>
TZ;VALUE=text:-05:00; EST; Raleigh/North America
;This example has a single value, not a structure text value.
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<abbr class="tz"
title="-05:00; EST; Raleigh/North America;This example has a single value, not a structure text value.">
EST
</abbr>
</nowiki></pre>

ce fragment hCard pourrait s'afficher ainsi

<abbr class="tz" title="-05:00; EST; Raleigh/North America;This example has a single value, not a structure text value.">EST</abbr>

=== 3.4.2 DÃ©finition Type GEO ===

<pre><nowiki>
GEO:37.386013;-122.082932
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<span class="geo">
<span class="latitude">37.386013</span>,
<span class="longitude">-122.082932</span>
</span>
</nowiki></pre>

ce fragment hCard pourrait s'afficher ainsi

37.386013, -122.082932

=== 3.5.1 DÃ©finition Type TITLE ===

<pre><nowiki>
TITLE:Directeur\, Recherche et DÃ©veloppement
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<span class="title">Directeur, Recherche et DÃ©veloppement</span>
</nowiki></pre>

ce fragment hCard pourrait s'afficher ainsi

Directeur, Recherche et DÃ©veloppement

=== 3.5.2 DÃ©finition Type ROLE ===

<pre><nowiki>
ROLE:Programmeur
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<span class="role">Programmeur</span>
</nowiki></pre>

ce fragment hCard pourrait s'afficher ainsi :

Programmeur

=== 3.5.3 DÃ©finition Type LOGO ===

==== Exemple 1 ====

<pre><nowiki>
LOGO;VALUE=uri:http://www.abc.com/pub/logos/abccorp.jpg
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<img class="logo" src="http://www.abc.com/pub/logos/abccorp.jpg" alt="my logo" />
</nowiki></pre>

ce fragment hCard pourrait s'afficher ainsi : (note : j'ai utilisÃ© une vÃ©ritable URL pour l'image) :

http://microformats.org/img/mf-lg-ora.gif

==== Exemple 2 ====

<pre><nowiki>
LOGO;ENCODING=b;TYPE=JPEG:MIICajCCAdOgAwIBAgICBEUwDQYJKoZIhvcN
AQEEBQAwdzELMAkGA1UEBhMCVVMxLDAqBgNVBAoTI05ldHNjYXBlIENvbW11bm
ljYXRpb25zIENvcnBvcmF0aW9uMRwwGgYDVQQLExNJbmZvcm1hdGlvbiBTeXN0
<...the remainder of "B" encoded binary data...>
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<img class="logo" src="data:image/jpeg;base64,MIICajCCAdOgAwIBAgICBEUwDQYJKoZIhvcN
AQEEBQAwdzELMAkGA1UEBhMCVVMxLDAqBgNVBAoTI05ldHNjYXBlIENvbW11bm
ljYXRpb25zIENvcnBvcmF0aW9uMRwwGgYDVQQLExNJbmZvcm1hdGlvbiBTeXN0
...remainder of B encoded binary data..." alt="" />
</nowiki></pre>

aucun affichage Ã©quivalent donnÃ©, parce que ce sont des donnÃ©es : URL tirÃ© de l'exemple original incomplet.

=== 3.5.4 DÃ©finition Type AGENT ===

==== Exemple 1 ====

<pre><nowiki>
AGENT;VALUE=uri:
CID:JQPUBLIC.part3.960129T083020.xyzMail@host3.com
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<a class="agent" href="CID:JQPUBLIC.part3.960129T083020.xyzMail@host3.com">JQPUBLIC</a>
</nowiki></pre>

ce fragment hCard pourrait s'afficher comme :

JQPUBLIC

==== Exemple 2 ====

<pre><nowiki>
AGENT:BEGIN:VCARD\nFN:Susan Thomas\nTEL:+1-919-555-
1234\nEMAIL\;INTERNET:sthomas@host.com\nEND:VCARD\n
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<span class="agent vcard">
<a class="email fn n" href="mailto:sthomas@host.com">Susan Thomas</a>,
<span class="tel">+1-919-555-1234</span>
</span>
</nowiki></pre>

ce fragment hCard pourrait s'afficher comme :

[mailto:sthomas@host.com Susan Thomas], +1-919-555-1234

Note : la vCard dans la propriÃ©tÃ© AGENT du fragment vCard est en fait invalide parce qu'il lui manque la propriÃ©tÃ© "N". NÃ©anmoins, la version hCard *est* valide, parce que j'ai ajoutÃ© le nom de classe "n" Ã l'exemple.

=== 3.5.5 DÃ©finition Type ORG ===

<pre><nowiki>
ORG:ABC\, Inc.;North American Division;Marketing
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<span class="org">
<span class="organization-name">ABC, Inc.</span>,
<span class="organization-unit">North American Division</span>,
<span class="organization-unit">Marketing</span>,
</span>
</nowiki></pre>

ce fragment hCard pourrait s'afficher comme :

ABC, Inc., North American Division, Marketing

=== 3.6.1 DÃ©finition Type CATEGORIES ===

==== Exemple 1 ====

<pre><nowiki>
CATEGORIES:TRAVEL AGENT
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<span class="category">TRAVEL AGENT</span>
</nowiki></pre>

ce fragment hCard pourrait s'afficher comme :

TRAVEL AGENT

==== Exemple 2 ====

<pre><nowiki>
CATEGORIES:INTERNET,IETF,INDUSTRY,INFORMATION TECHNOLOGY
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<span class="category">INTERNET</span>,
<span class="category">IETF</span>,
<span class="category">INDUSTRY</span>,
<span class="category">INFORMATION TECHNOLOGY</span>
</nowiki></pre>

ce fragment hCard pourrait s'afficher comme :

INTERNET, IETF, INDUSTRY, INFORMATION TECHNOLOGY

=== 3.6.2 NOTE Type Definition ===

<pre><nowiki>
NOTE:This fax number is operational 0800 to 1715
EST\, Mon-Fri.
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<p class="note">This fax number is operational 0800 to 1715 EST, Mon-Fri.</p>
</nowiki></pre>

ce fragment hCard pourrait s'afficher comme :

This fax number is operational 0800 to 1715 EST, Mon-Fri.

=== 3.6.3 PRODID Type Definition ===

<pre><nowiki>
PRODID:-//ONLINE DIRECTORY//NONSGML Version 1//EN
</nowiki></pre>

Note, cette propriÃ©tÃ© vCard ne fait vÃ©ritablement pas de sens comme propriÃ©tÃ© hCard, parce qu'elle devrait Ãªtre vraiment remplie par tout ce que peut transformer le code hCard en vCard, par ex. Brian Suda's X2V.

=== 3.6.4 DÃ©finition Type REV ===

==== Exemple 1 ====

<pre><nowiki>
REV:1995-10-31T22:27:10Z
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<abbr class="rev" title="1995-10-31T22:27:10Z">Updated: 10/31 10:27p</abbr>
</nowiki></pre>

ce fragment hCard pourrait s'afficher comme :

<abbr class="rev" title="1995-10-31T22:27:10Z">Updated: 10/31 10:27p</abbr>

==== Exemple 2 ====

<pre><nowiki>
REV:1997-11-15
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<abbr class="rev" title="1997-11-15">Mise Ã jour : 15 novembre</abbr>
</nowiki></pre>

ce fragment hCard pourrait s'afficher comme :

<abbr class="rev" title="1997-11-15">Mise Ã jour : 15 novembre</abbr>

=== 3.6.5 DÃ©finition Type SORT-STRING ===

==== Exemple 1 ====

<pre><nowiki>
FN:Rene van der Harten
N:van der Harten;Rene;J.;Sir;R.D.O.N.
SORT-STRING:Harten
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<span class="n"
<span class="honorific-prefix">Sir</span>
<span class="fn">
<span class="given-name">Rene</span>
<span class="family-name">
van der <span class="sort-string">Harten</span>
</span>
</span>
(<span class="additional-name">J.</span>),
<span class="honorific-suffix">R.D.O.N.</span>
</span>
</nowiki></pre>

Note : La chaÃ®ne "Harten" n'a PAS Ã©tÃ© rÃ©pÃ©tÃ©e dans le hCard, mÃªme s'il ETAIT rÃ©pÃ©tÃ© dans la vCard (3 fois ! dans N, FN, et SORT-STRING). La propriÃ©tÃ© "SORT-STRING" fournit une autre bonne dÃ©monstration sur la faÃ§on dont hCard permet une meilleure adhÃ©rence au [http://microformats.org/wiki/hcard-example1-steps-fr#exemple_hCard_it.C3.A9ration_1_:_DRY principe DRY] que la vCard.

ce fragment hCard pourrait s'afficher comme :

Sir Rene van der Harten (J.), R.D.O.N.

==== Exemple 2 ====

<pre><nowiki>
FN:Robert Pau Shou Chang
N:Pau;Shou Chang;Robert
SORT-STRING:Pau
</nowiki></pre>

ce fragment vCard fragment comme un fragment hCard :

<pre><nowiki>
<span class="fn n">
<span class="additional-name">Robert</span>
<span class="family-name sort-string">Pau</span>
<span class="given-name">Shou Chang</span>
</span>
</nowiki></pre>

Note : Non seulement la chaÃ®ne "Pau" n'Ã©tait PAS rÃ©pÃ©tÃ©e dans le hCard (meilleure adhÃ©rence Ã nouveau au better [http://microformats.org/wiki/hcard-example1-steps-fr#exemple_hCard_it.C3.A9ration_1_:_DRY principe DRY]), mÃªme s'il elle ETAIT rÃ©pÃ©tÃ©e dans la vCard, mais dans ce cas du fait que "family-name" et "sort-string" sont les mÃªme, nous avons pu utiliser la [http://microformats.org/wiki/hcard-example1-steps-fr#Exemple_hCard_it.C3.A9ration_2_:_conservation_.C3.A9l.C3.A9ment conservation Ã©lÃ©ment] et n'utiliser qu'un Ã©lÃ©ment pour les deux propriÃ©tÃ©s.

ce fragment hCard pourrait Ãªtre affichÃ© ainsi :

Robert Pau Shou Chang

==== Exemple 3 ====

<pre><nowiki>
FN:Osamu Koura
N:Koura;Osamu
SORT-STRING:Koura
</nowiki></pre>

ce fragment vCard fragment comme un fragment hCard :

<pre><nowiki>
<span class="fn">
Osamu <span class="sort-string">Koura</span>
</span>
</nowiki></pre>

Note : Cet exemple, en plus de mieux illustrer le meilleur support du [http://microformats.org/wiki/hcard-example1-steps-fr#exemple_hCard_it.C3.A9ration_1_:_DRY principe DRY], fait aussi usage de l'[http://microformats.org/wiki/hcard-fr#Optimisation_implicite_.22n.22 optimisation implicite "N"].

ce fragment hCard pourrait Ãªtre affichÃ© ainsi :

Osamu Koura

==== Exemple 4 ====

<pre><nowiki>
FN:Oscar del Pozo
N:del Pozo Triscon;Oscar
SORT-STRING:Pozo
</nowiki></pre>

ce fragment vCard fragment comme un fragment hCard :

<pre><nowiki>
<span class="n">
<span class="fn">
<span class="given-name">Oscar</span>
del <span class="sort-string">Pozo</span>
</span>
<span class="family-name" style="display:none">
del Pozo Triscon
</span>
</span>
</nowiki></pre>

Note : Malheureusement cet exemple pourrait ne pas complÃ¨tement adhÃ©rer au principe DRY du fait du "FN" utilisant une *substring* du family-name, et en plus a dÃ» par consÃ©quent cacher la chaÃ®ne de valeur supplÃ©mentaire "family-name" en utilisant CSS display:none, ce qui en devrait Ãªtre Ã©vitÃ© en gÃ©nÃ©ral. Suggestion bienvenue pour amÃ©liorations de ce fragment hCard.

ce fragment hCard pourrait s'afficher comme :

Oscar del Pozo

==== Exemple 5 ====

<pre><nowiki>
FN:Christine d'Aboville
N:d'Aboville;Christine
SORT-STRING:Aboville
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<span class="fn">
Christine d'<span class="sort-string">Aboville</span>
</span>
</nowiki></pre>

Note : Cet exemple redÃ©montre les avantages/l'efficacitÃ© dÃ©montrÃ©s dans l'[http://microformats.org/wiki/hcard-examples-fr#Exemple_3_3 exemple 3] au-dessus.

ce fragment hCard pourrait s'afficher comme :

Christine d'Aboville

=== 3.6.6 DÃ©finition Type SOUND ===

==== Exemple 1 ====

<pre><nowiki>
SOUND;TYPE=BASIC;VALUE=uri:CID:JOHNQPUBLIC.part8.
19960229T080000.xyzMail@host1.com
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<object class="sound" type="audio/basic"
data="CID:JOHNQPUBLIC.part8.19960229T080000.xyzMail@host1.com">
pronounciation of "JOHN Q PUBLIC"
</object>
</nowiki></pre>

ce fragment hCard pourrait s'afficher comme :

prononciation de "JOHN Q PUBLIC"

Ã la condition que votre navigateur supporte le type MIME "audio/basic" (dÃ©fini dans la [http://www.rfc-editor.org/rfc/rfc2046.txt RFC2046 section 4.3]) et ait quelque moyen de retrouver les urls "CID:".

==== Exemple 2 ====
<pre><nowiki>
SOUND;TYPE=BASIC;ENCODING=b:MIICajCCAdOgAwIBAgICBEUwDQYJKoZIhvcN
AQEEBQAwdzELMAkGA1UEBhMCVVMxLDAqBgNVBAoTI05ldHNjYXBlIENvbW11bm
ljYXRpb25zIENvcnBvcmF0aW9uMRwwGgYDVQQLExNJbmZvcm1hdGlvbiBTeXN0
<...the remainder of "B" encoded binary data...>
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<object class="sound"
data="data:audio/basic;base64,MIICajCCAdOgAwIBAgICBEUwDQYJKoZIhvcN
AQEEBQAwdzELMAkGA1UEBhMCVVMxLDAqBgNVBAoTI05ldHNjYXBlIENvbW11bm
ljYXRpb25zIENvcnBvcmF0aW9uMRwwGgYDVQQLExNJbmZvcm1hdGlvbiBTeXN0
...the remainder of "B" encoded binary data...">
pronounciation
</object>
</nowiki></pre>

pas d'affichage Ã©quivalent donnÃ©, parce que des donnÃ©es : l'URL de l'exemple original est incomplÃ¨te.

=== 3.6.7 DÃ©finition Type UID ===

<pre><nowiki>
UID:19950401-080045-40000F192713-0052
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
Unique id:
<span class="uid">19950401-080045-40000F192713-0052</span>
</nowiki></pre>

ce fragment hCard pourrait s'afficher comme :

Unique id:19950401-080045-40000F192713-0052

Note : en pratique, je ne pense pas que j'ai vu globalement des IDs uniques pour des enregistrements de "contact info" publiÃ©s sur le web, mais peut-Ãªtre que je ne considÃ¨re pas assez d'exemples.

=== 3.6.8 DÃ©finition Type URL ===

<pre><nowiki>
URL:http://www.swbyps.restaurant.french/~chezchic.html
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<a class="url" href="http://www.swbyps.restaurant.french/~chezchic.html">Chez Chic</a>
</nowiki></pre>

ce fragment hCard pourrait s'afficher comme :

[http://www.swbyps.restaurant.french/~chezchic.html Chez Chic]

=== 3.7.1 DÃ©finition Type CLASS ===

==== Exemple 1 ====

<pre><nowiki>
CLASS:PUBLIC
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<span class="class">PUBLIC</span>
</nowiki></pre>

ce fragment hCard pourrait s'afficher comme :

PUBLIC

==== Exemple 2 ====

<pre><nowiki>
CLASS:PRIVATE
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<span class="class">PRIVATE</span>
</nowiki></pre>

ce fragment hCard pourrait s'afficher comme :

PRIVATE

==== Exemple 3 ====

<pre><nowiki>
CLASS:CONFIDENTIAL
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<span class="class">CONFIDENTIAL</span>
</nowiki></pre>

ce fragment hCard pourrait s'afficher comme :

CONFIDENTIAL

=== 3.7.2 DÃ©finition Type KEY ===

<pre><nowiki>
KEY;ENCODING=b:MIICajCCAdOgAwIBAgICBEUwDQYJKoZIhvcNAQEEBQA
wdzELMAkGA1UEBhMCVVMxLDAqBgNVBAoTI05ldHNjYXBlIENbW11bmljYX
Rpb25zIENvcnBvcmF0aW9uMRwwGgYDVQQLExNJbmZvcm1hdGlvbiBTeXN0
ZW1zMRwwGgYDVQQDExNyb290Y2EubmV0c2NhcGUuY29tMB4XDTk3MDYwNj
E5NDc1OVoXDTk3MTIwMzE5NDc1OVowgYkxCzAJBgNVBAYTAlVTMSYwJAYD
VQQKEx1OZXRzY2FwZSBDb21tdW5pY2F0aW9ucyBDb3JwLjEYMBYGA1UEAx
MPVGltb3RoeSBBIEhvd2VzMSEwHwYJKoZIhvcNAQkBFhJob3dlc0BuZXRz
Y2FwZS5jb20xFTATBgoJkiaJk/IsZAEBEwVob3dlczBcMA0GCSqGSIb3DQ
EBAQUAA0sAMEgCQQC0JZf6wkg8pLMXHHCUvMfL5H6zjSk4vTTXZpYyrdN2
dXcoX49LKiOmgeJSzoiFKHtLOIboyludF90CgqcxtwKnAgMBAAGjNjA0MB
EGCWCGSAGG+EIBAQQEAwIAoDAfBgNVHSMEGDAWgBT84FToB/GV3jr3mcau
+hUMbsQukjANBgkqhkiG9w0BAQQFAAOBgQBexv7o7mi3PLXadkmNP9LcIP
mx93HGp0Kgyx1jIVMyNgsemeAwBM+MSlhMfcpbTrONwNjZYW8vJDSoi//y
rZlVt9bJbs7MNYZVsyF1unsqaln4/vy6Uawfg8VUMk1U7jt8LYpo4YULU7
UZHPYVUaSgVttImOHZIKi4hlPXBOhcUQ==
</nowiki></pre>

ce fragment vCard comme un fragment hCard :

<pre><nowiki>
<object class="key" type="application/octet-stream"
data="data:application/octet-stream;base64,MIICajCCAdOgAwIBAgICBEUwDQYJKoZIhvcNAQEEBQA
wdzELMAkGA1UEBhMCVVMxLDAqBgNVBAoTI05ldHNjYXBlIENbW11bmljYX
Rpb25zIENvcnBvcmF0aW9uMRwwGgYDVQQLExNJbmZvcm1hdGlvbiBTeXN0
ZW1zMRwwGgYDVQQDExNyb290Y2EubmV0c2NhcGUuY29tMB4XDTk3MDYwNj
E5NDc1OVoXDTk3MTIwMzE5NDc1OVowgYkxCzAJBgNVBAYTAlVTMSYwJAYD
VQQKEx1OZXRzY2FwZSBDb21tdW5pY2F0aW9ucyBDb3JwLjEYMBYGA1UEAx
MPVGltb3RoeSBBIEhvd2VzMSEwHwYJKoZIhvcNAQkBFhJob3dlc0BuZXRz
Y2FwZS5jb20xFTATBgoJkiaJk/IsZAEBEwVob3dlczBcMA0GCSqGSIb3DQ
EBAQUAA0sAMEgCQQC0JZf6wkg8pLMXHHCUvMfL5H6zjSk4vTTXZpYyrdN2
dXcoX49LKiOmgeJSzoiFKHtLOIboyludF90CgqcxtwKnAgMBAAGjNjA0MB
EGCWCGSAGG+EIBAQQEAwIAoDAfBgNVHSMEGDAWgBT84FToB/GV3jr3mcau
+hUMbsQukjANBgkqhkiG9w0BAQQFAAOBgQBexv7o7mi3PLXadkmNP9LcIP
mx93HGp0Kgyx1jIVMyNgsemeAwBM+MSlhMfcpbTrONwNjZYW8vJDSoi//y
rZlVt9bJbs7MNYZVsyF1unsqaln4/vy6Uawfg8VUMk1U7jt8LYpo4YULU7
UZHPYVUaSgVttImOHZIKi4hlPXBOhcUQ==">
Key
</object>

</nowiki></pre>

ce fragment hCard pourrait s'afficher comme :

Key

Note : Du fait du manque d'une valeur TYPE dans l'exemple RFC2426, j'ai substituÃ© application/octet-stream. Clairement pour que ce soit de quelque utilitÃ©, le type spÃ©cifiÃ© doit Ãªtre de quelque sorte de clÃ© ou de "certificate mime type".

=== 7. Adresses des Auteurs ===

<pre><nowiki>
BEGIN:vCard
VERSION:3.0
FN:Frank Dawson
ORG:Lotus Development Corporation
ADR;TYPE=WORK,POSTAL,PARCEL:;;6544 Battleford Drive
;Raleigh;NC;27613-3502;U.S.A.
TEL;TYPE=VOICE,MSG,WORK:+1-919-676-9515
TEL;TYPE=FAX,WORK:+1-919-676-9564
EMAIL;TYPE=INTERNET,PREF:Frank_Dawson@Lotus.com
EMAIL;TYPE=INTERNET:fdawson@earthlink.net
URL:http://home.earthlink.net/~fdawson
END:vCard

BEGIN:vCard
VERSION:3.0
FN:Tim Howes
ORG:Netscape Communications Corp.
ADR;TYPE=WORK:;;501 E. Middlefield Rd.;Mountain View;
CA; 94043;U.S.A.
TEL;TYPE=VOICE,MSG,WORK:+1-415-937-3419
TEL;TYPE=FAX,WORK:+1-415-528-4164
EMAIL;TYPE=INTERNET:howes@netscape.com
END:vCard
</nowiki></pre>

Notez que ces deux vCards sont invalides parce qu'il manque la propriÃ©tÃ© REQUISE "N" qui est tout Ã fait ironique, parce que ce sont les vCards des auteurs eux-mÃªmes.

NÃ©anmoins, ces vCards peuvent Ãªtre reprÃ©sentÃ©es par les hCards suivantes :

<pre><nowiki>
<div class="vcard">
<a class="url fn" href="http://home.earthlink.net/~fdawson">Frank Dawson</a>
<div class="org">Lotus Development Corporation</div>
<div class="adr">
<span class="type">work</span> address
(<abbr class="type" title="postal">mail</abbr> and
<abbr class="type" title="parcel">packages</abbr>):
<div class="street-address">6544 Battleford Drive</div>
<span class="locality">Raleigh</span>
<span class="region">NC</span>
<span class="postal-code">27613-3502</span>
<div class="country-name">U.S.A.</div>
</div>
<div class="tel">
<span class="value">+1-919-676-9515</span>
(<abbr class="type" title="WORK">w</abbr>,
<abbr class="type" title="VOICE">v</abbr><abbr class="type" title="MSG">m</abbr>)
</div>
<div class="tel">
<span class="value">+1-919-676-9564</span>
(<abbr class="type" title="WORK">w</abbr><abbr class="type" title="FAX">f</abbr>)
</div>
<a class="email" href="mailto:Frank_Dawson@Lotus.com">
<span class="type">pref</span>erred<span> email</span>
</a>,
<a class="email" href="mailto:fdawson@earthlink.net">
alternate email
</a>
</div>
<div class="vcard">
<a class="email fn" href="mailto:howes@netscape.com">Tim Howes</a>
<div class="org">Netscape Communications Corp.</div>
<div class="adr">
<span class="type">work</span> address:
<div class="street-address">501 E. Middlefield Rd.</div>
<span class="locality">Mountain View</span>,
<span class="region">CA</span>
<span class="postal-code">94043</span>
<div class="country-name">U.S.A.</div>
</div>
<div class="tel">
<span class="value">+1-415-937-3419</span>
(<abbr class="type" title="WORK">w</abbr>,
<abbr class="type" title="VOICE">v</abbr><abbr class="type" title="MSG">m</abbr>)
</div>
<div class="tel">
<span class="value">+1-415-528-4164</span>
(<abbr class="type" title="WORK">w</abbr><abbr class="type" title="FAX">f</abbr>)
</div>
</div>
</nowiki></pre>

ces hCards pourraient s'afficher comme :

<div class="vcard">
<span class="fn">[http://home.earthlink.net/~fdawson Frank Dawson]</span>
<div class="org">Lotus Development Corporation</div>
<div class="adr">
<span class="type">work</span> address
(<abbr class="type" title="postal">mail</abbr> and
<abbr class="type" title="parcel">packages</abbr>):
<div class="street-address">6544 Battleford Drive</div>
<span class="locality">Raleigh</span>
<span class="region">NC</span>
<span class="postal-code">27613-3502</span>
<div class="country-name">U.S.A.</div>
</div>
<div class="tel">
<span class="value">+1-919-676-9515</span>
(<abbr class="type" title="WORK">w</abbr>,
<abbr class="type" title="VOICE">v</abbr><abbr class="type" title="MSG">m</abbr>)
</div>
<div class="tel">
<span class="value">+1-919-676-9564</span>
(<abbr class="type" title="WORK">w</abbr><abbr class="type" title="FAX">f</abbr>)
</div>
[mailto:Frank_Dawson@Lotus.com preferred email],
[mailto:fdawson@earthlink.net alternate email]
</div>

<div class="vcard">
<span class="fn">[mailto:howes@netscape.com Tim Howes]</span>
<div class="org">Netscape Communications Corp.</div>
<div class="adr">
<span class="type">work</span> address:
<div class="street-address">501 E. Middlefield Rd.</div>
<span class="locality">Mountain View</span>,
<span class="region">CA</span>
<span class="postal-code">94043</span>
<div class="country-name">U.S.A.</div>
</div>
<div class="tel">
<span class="value">+1-415-937-3419</span>
(<abbr class="type" title="WORK">w</abbr>,
<abbr class="type" title="VOICE">v</abbr><abbr class="type" title="MSG">m</abbr>)
</div>
<div class="tel">
<span class="value">+1-415-528-4164</span>
(<abbr class="type" title="WORK">w</abbr><abbr class="type" title="FAX">f</abbr>)
</div>
</div>

== Test de Casses ==
Ce sont des exemples [[hcard-fr|hCard]] qui ont Ã©tÃ© trouvÃ©s particuliÃ¨rement utiles pour trouver des bugs dans les parseurs hCard (par ex. X2V).

=== ProblÃ¨me avec Information BDAY ===
cet exemple :

<pre>

<div class="bday">
<dt>Anniversaire</dt>
<dd>
<abbr class="value" title="1985-10-27T00:00:00Z">27 octobre 1985</abbr>
</dd>
</div>
</pre>

devrait produire "BDAY:1985-10-27T00:00:00Z" mais il produit "BDAY:Birthday October 27\, 1985". Le fait intÃ©ressant est que le carnet d'adresses apple est encore en train de vouloir l'accepter de cette faÃ§on.

=== INSENSIBILITE Ã la casse des valeurs type ===

* "home" vs. "Home"

cet exemple fonctionne avec X2V :

<pre>
<div class="tel">
<dt>Phone (<span class="type">home</span>)</dt>
<dd><span class="value">+438123418</span></dd>
</div>
</pre>

ceci non, mais le devrait. Mais au lieu de Ã§a il devient simplement TEL sans un type dans la vcard

<pre>
<div class="tel">
<dt>Phone (<span class="type">Home</span>)</dt>
<dd><span class="value">+438123418</span></dd>
</div>
</pre>

=== GEO parsing ===
la hCard suivante :

<pre><nowiki>
<div class="vcard">
<span class="fn n">
<a class="url" href="http://t37.net">
<span class="given-name">FrÃ©deric</span>
<span class="family-name">de Villamil</span>
</a>
</span>
<span class="nickname">neuro</span>
<a class="email" href="mailto:neuroNOSPAM@t37.net">
<span class="type">pref</span>erred<span> email</span>
</a>
<span class="org">Omatis</span>
<span class="adr">
<abbr class="type" title="dom">France</abbr>
<span class="type">home</span> address
<abbr class="type" title="postal">mail</abbr> and
<abbr class="type" title="parcel">shipments</abbr>:
<span class="street-address">12 rue Danton</span>
<span class="locality">Le Kremlin-Bicetre</span>
<span class="postal-code">94270</span>
<span class="country-name">France</span>
</span>
<span class="geo">
<abbr class="latitude" title="48.816667">N 48Â° 81.6667</abbr>
<abbr class="longitude" title="2.366667">E 2Â° 36.6667</abbr>
</span>
</div>
</nowiki>
</pre>

devrait Ãªtre traduite dans la vCard suivante :

<pre><nowiki>
BEGIN:VCARD
VERSION:3.0
URL:http://t37.net
ORG:Omatis;;
NICKNAME:neuro
N:de Villamil;Frederic;;Mr.;
EMAIL;TYPE=INTERNET,PREF:neuroNOSPAM@t37.net
ADR;TYPE=HOME:;;12 rue danton;le Kremlin-Bicetre;;94270;France
GEO:48.816667;2.366667
END:VCARD
</nowiki></pre>

X2V (2005-12-18) Ã©choue Ã cette heure pour parser/exporter la propriÃ©tÃ© GEO.

== Pages ApparentÃ©es ==
* [[hcard-examples-issues-fr|hcard-exemples-problÃ©matiques]]
{{hcard-related-pages-fr}}

Microformats Wiki - User contributions [en]

hcard-examples-fr