hcard-fr: Difference between revisions
m (→Exemples) |
m (Replace <entry-title> with {{DISPLAYTITLE:}}) |
||
(84 intermediate revisions by 6 users not shown) | |||
Line 1: | Line 1: | ||
< | {{DISPLAYTITLE:hCard 1.0}} | ||
<span class="vcard"><span class="fn">[[User:Tantek|Tantek Çelik]]</span> (<span class="role">Editeur</span>, <span class="role">Auteur</span>)</span>, <span class="vcard"><span class="fn">[[User:Brian|Brian Suda]]</span> (<span class="role">Auteur</span>)</span> | |||
(<span class="vcard"><span class="role">Traduction</span> : <span class="fn">[[User:ChristopheDucamp|Christophe Ducamp]]</span></span> : [[hcalendar|hCalendar - Seule la spécification originale fait référence]]) | |||
---- | |||
<dfn style="font-style:normal;font-weight:bold">hCard</dfn> est un format simple, ouvert pour publier sur le web des personnes, sociétés, organisations, en utilisant une représentation 1:1 des propriétés et des valeurs de la vCard ([[rfc-2426-fr|RFC2426]]) en HTML. hCard est l'un des nombreux standards [[microformats-fr|microformats]] ouverts adaptés pour l'embarquement dans le HTML/HTML5, et Atom/RSS/XHTML ou autre XML. | |||
Les déclarations de [[hcard-fr#Copyright|Copyright]] et [[hcard-fr#Brevets|brevets]] sont en vigueur. Voir les [[hcard#Inspiration_et_Remerciements|remerciements]]. | |||
<div class="vcard"> | |||
; <span class="role">Editeur</span> | |||
: <span class="fn">[[User:Tantek|Tantek Çelik]]</span> (<span class="url">http://tantek.com/</span>, et avant chez [http://technorati.com Technorati, Inc.] et [http://microsoft.com/ Microsoft Corporation]) | |||
</div> | |||
; Auteurs | |||
: [http://tantek.com/ Tantek Çelik] (affiliations ci-dessus) | |||
: <span class="vcard"><span class="fn">[[User:Brian|Brian Suda]]</span> (<span class="url">http://suda.co.uk/</span>)</span> | |||
Remerciements : Voir [[hcard-fr#Inspiration_et_Remerciements|Remerciements]]. | |||
Les déclarations de [[hcard-fr#Copyright|copyright]] et de [[hcard#brevets|brevets]] s'appliquent. | |||
== Exemple == | |||
Les hCards sont le plus souvent utilisées pour représenter des personnes : | |||
<source lang=html4strict> | |||
<div class="vcard"> | |||
<a class="url fn" href="http://tantek.com/">Tantek Çelik</a> | |||
</div> | |||
</source> | |||
et des organisations : | |||
<source lang=html4strict> | |||
<div class="vcard"> | |||
<a class="url fn org" href="http://microformats.org/">microformats.org</a> | |||
</div> | |||
</source> | |||
La classe '''<code>vcard</code>''' est un ''[[hcard-fr#Nom_de_Classe_Racine|nom de classe racine]]'' qui indique la présence d'une hCard. Les classes '''<code>url</code>''', '''<code>fn</code>''', et '''<code>org</code>''' sont les ''propriétés'' qui indiquent les aspects de la hCard. | |||
== Propriétés == | |||
<div style="white-space:nowrap;float:left">les propriétés communes de hCard (à l'intérieur de la classe <code>'''vcard'''</code>) | |||
* <code>'''fn'''</code> - nom, formaté/complet. requis | |||
* <code>'''n'''</code> - nom structuré, conteneur pour : | |||
** <code>'''honorific-prefix'''</code> - par ex. Ms., Mr., Dr. | |||
** <code>'''given-name'''</code> - nom donné (souvent en premier), le prénom | |||
** <code>'''additional-name'''</code> - autre nom/milieu | |||
** <code>'''family-name'''</code> - nom de famille (souvent en dernier) | |||
** <code>'''honorific-suffix'''</code> - par ex. Ph.D., Esq. | |||
* <code>'''nickname'''</code> - pseudo/alias, par ex. [[irc-fr|IRC]] <abbr title="nickname">nick</abbr> | |||
* <code>'''org'''</code> - société/organisation | |||
* <code>'''photo'''</code> - photo, icône, avatar | |||
* <code>'''url'''</code> - page personnelle pour ce contact | |||
* <code>'''email'''</code> - addresse e-mail | |||
* <code>'''tel'''</code> - numéro de téléphone | |||
* <code>'''[[adr]]'''</code> - adresse structurée, conteneur pour : | |||
** <code>'''street-address'''</code> - rue <abbr title="number">#</abbr>+nom, <abbr title="apartment">appart.</abbr>/<abbr title="suite">suite</abbr> | |||
** <code>'''locality'''</code> - ville ou village | |||
** <code>'''region'''</code> - état ou province | |||
** <code>'''postal-code'''</code> - code postal par ex. <abbr title="United States">U.S.</abbr> ZIP | |||
** <code>'''country-name'''</code> - non du pays | |||
* <code>'''bday'''</code> - anniversaire. [[date-pattern-fr|date ISO]]. | |||
* <code>'''category'''</code> - pour taguer les contacts | |||
* <code>'''note'''</code> - notes concernant le contact | |||
</div> | |||
<div style="margin-top:-.4em; float:left;"><span style="display:none">Exemple de propriétés communes hCard :</span> | |||
<ul style="list-style:none"><li><code><div class="'''vcard'''"></code> | |||
<ul style="list-style:none; margin-top:-.02em"> | |||
<li><code><span class="'''fn'''">Sally Ride</span></code></li> | |||
<li><code>(<span class="'''n'''"></code><ul style="list-style:none"> | |||
<li><code><span class="'''honorific-prefix'''">Dr.</span></code></li> | |||
<li><code><span class="'''given-name'''">Sally</span></code></li> | |||
<li><code><abbr class="'''additional-name'''">K.</abbr></code></li> | |||
<li><code><span class="'''family-name'''">Ride</span></code></li> | |||
<li><code><span class="'''honorific-suffix'''">Ph.D.</span></span>),</code></li></ul></li> | |||
<li><code><span class="'''nickname'''">sallykride</span> (IRC)</code></li> | |||
<li><code><div class="'''org'''">Sally Ride Science</div></code></li> | |||
<li><code><img class="'''photo'''" src="<nowiki>http://example.com/sk.jpg</nowiki>"/> </code></li> | |||
<li><code><a class="'''url'''" href="<nowiki>http://sally.example.com</nowiki>">w</a>,</code></li> | |||
<li><code><a class="'''email'''" href="<nowiki>mailto:sally@example.com</nowiki>">e</a> </code></li> | |||
<li><code><div class="'''tel'''">+1.818.555.1212</div></code></li> | |||
<li><code><div class="'''adr'''"></code><ul style="list-style:none"> | |||
<li><code><div class="'''street-address'''">123 Main st.</div></code></li> | |||
<li><code><span class="'''locality'''">Los Angeles</span>, </code></li> | |||
<li><code><abbr class="'''region'''" title="California">CA</abbr>, </code></li> | |||
<li><code><span class="'''postal-code'''">91316</span></code></li> | |||
<li><code><div class="'''country-name'''">U.S.A</div></div></code></li></ul></li> | |||
<li><code><time class="'''bday'''">1951-05-26</time> birthday</code></li> | |||
<li><code><div class="'''category'''">physicist</div></code></li> | |||
<li><code><div class="'''note'''">First American woman in space.</div></code></li></ul></li> | |||
<li><code></div></code></li></ul> | |||
</div> | |||
<div style="clear:both; padding:1em 0 0.5em 0">Voir la [[hcard-fr#Liste_des_propriétés|liste complète des propriétés]] pour la liste complète. | |||
</div> | |||
__TOC__ | __TOC__ | ||
== | === Commencer à écrire une [[hcard-fr|hCard]] === | ||
* Utilisez le formulaire [http://microformats.org/code/hcard/creator hCard creator] saisir l'information de contact et la publier. | |||
* Voir les [[hcard-authoring-fr|exemples de publication de hCard]] pour ajouter hCard à vos pages de contact actuelles. | |||
== | == Statut == | ||
hCard 1.0 est une spécification microformats.org. La discussion publique a pris place sur [[hcard-feedback]], le canal [[irc-fr|irc]] #microformats sur irc.freenode.net et la [http://microformats.org/discuss/mail/microformats-discuss/ liste de diffusion microformats-discuss]. | |||
=== | === Langues disponibles === | ||
La version anglaise de cette spécification sur [[hCard]] est la seule version normative. Pour les traductions de ce document voir la section [[#traductions]]. | |||
=== | === Errata et Mises à jour === | ||
Les erreurs connues et problématiques de cette spécification sont corrigées dans les problématiques [[hcard-issues-resolved|résolues]] et [[hcard-issues-closed|fermées]]. Regardez-les svp avant de rendre compte de [[hcard-issues|problématiques]]. | |||
La mise à jour hCard 1.0.1 est actuellement en développement et incorpore les corrections connues tout comme le [[value-class-pattern-fr|modèle-de-classe-value]]. | |||
== | == Origines == | ||
Le standard vCard ([ | Le standard vCard ([[rfc-2426-fr|RFC2426]]), a été largement implémenté de façon inter-opérable. (par ex. dans l'application "Carnet d'Adresses" d'Apple intégrée dans MacOSX). | ||
En outre, beaucoup de blogueurs s'identifient eux-mêmes par un nom et discutent avec leurs amis et familles. Avec juste un peu de structure, les blogueurs peuvent discuter avec des personnes dans leurs blogs | En outre, beaucoup de blogueurs s'identifient eux-mêmes par un nom et discutent avec leurs amis et familles. Avec juste un peu de structure, les blogueurs peuvent discuter avec des personnes dans leurs blogs d'une telle façon que les spiders et autres agrégateurs peuvent retrouver cette information, la convertir automatiquement en vCards et l'utiliser dans n'importe quelle application ou service vCard. | ||
Cette spécification présente le format '''hCard''', qui utilise une représentation 1:1 des propriétés et valeurs du standard vCard mentionné ci-dessus, en | Cette spécification présente le format '''hCard''', qui utilise une représentation 1:1 des propriétés et valeurs du standard vCard mentionné ci-dessus, en HTML sémantique. Les blogueurs peuvent tout à la fois embarquer directement les hCards dans leurs pages web et les styliser avec CSS pour les faire apparaître comme ils le désirent. En outre, hCard permet aux applications de retrouver directement l'information à partir des pages web sans avoir à référencer un fichier séparé. | ||
Utilisez le [http://microformats.org/code/hcard/creator hCard creator] et copiez le code HTML qu'il génère sur votre blog ou site web pour publier votre information de contact. | Utilisez le [http://microformats.org/code/hcard/creator hCard creator] et copiez le code HTML qu'il génère sur votre blog ou site web pour publier votre information de contact. | ||
== | == Conformité == | ||
{{ | {{rfc-2119-intro-fr}} | ||
== Format == | == Format == | ||
=== En Général === | === En Général === | ||
Le standard vCard ([ | Le standard vCard ([[rfc-2426-fr|RFC2426]]) forme la base de hCard. | ||
Le format basique de hCard est d'utiliser les noms d'objet/propriété vCard en bas de casse pour les noms de classes, et de mapper l'imbrication des | Le format basique de hCard est d'utiliser les noms d'objet/propriété vCard en bas de casse pour les noms de classes, et de mapper l'imbrication des objets vCard directement dans les éléments HTML imbriqués. | ||
=== | === Nom de Classe Racine=== | ||
Le nom de classe racine pour une hcard est "vcard". Un élément avec un nom de classe "vcard" est lui même appelé une ''hCard''. | |||
=== Propriétés | === Propriétés et Sous-propriétés === | ||
Les propriétés d'une hCard sont représentées par les éléments à l'intérieur de la hCard. Les éléments avec des noms de classes des propriétés listées représentent les valeurs de ces propriétés. Quelques propriétés ont des sous-propriétés, et celles-ci sont représentées par les éléments à l'intérieur des éléments pour les propriétés. | |||
=== Liste des propriétés === | |||
Propriétés hCard (sous-propriétés entre parenthèses comme ceci) | |||
'''Requis :''' | |||
* '''fn''' | |||
* <span id="property-list-n">'''n'''<sup style="font-size:smaller">[[#note1|1]]</sup></span> | |||
** family-name | |||
** given-name | |||
** additional-name | |||
** honorific-prefix | |||
** honorific-suffix | |||
Optionnel : | |||
* [[adr-fr|adr]] | |||
** post-office-box | |||
** extended-address | |||
** street-address | |||
** locality | |||
** region | |||
** postal-code | |||
** country-name | |||
** type | |||
** value | |||
* agent | |||
* bday | |||
* category | |||
* class | |||
* email (type, value) | |||
* geo | |||
** latitude | |||
** longitude | |||
* key | |||
* label | |||
* logo | |||
* mailer | |||
* nickname | |||
* note | |||
* org (organization-name, organization-unit) | |||
* photo | |||
* rev | |||
* role | |||
* sort-string | |||
* sound | |||
* <span id="property-list-tel">tel<sup style="font-size:smaller">[[#note2|2]]</sup> (type, value)</span> | |||
* title | |||
* tz | |||
* uid | |||
* url | |||
==== | === Notes sur les Propriétés=== | ||
* <span id="note1">[[#property-list-n|1. ^]]</span> : La propriété 'n' est {{optional-fr}} si n'importe quelle [[hcard-fr#Optimisation_implicite_"n"|règle d'optimisation implicite 'n']] est en vigueur.<br /> | |||
* tel | |||
** <span id="note2">[[#property-list-tel|2. ^]]</span>: tel - Les auteurs PEUVENT vouloir suivre le [http://en.wikipedia.org/wiki/E.123 standard E.123] pour écrire les valeurs de numéros de téléphone. | |||
** Les valeurs lettre (par ex 1-555-FORMATS) DOIVENT être converties en nombres. Utilisez un <code>abbr</code> pour afficher les lettre et fournir simultanément une valeur numérique, par ex. <code><nowiki><abbr title="+15553676287">+1-555-FORMATS</abbr></nowiki></code>. | |||
Les propriétés | === Propriétés Singulières vs. Plurielles === | ||
Les propriétés singulières : 'fn', 'n', 'bday', 'tz', 'geo', 'sort-string', 'uid', 'class', 'rev'. Pour les propriétés qui sont singulières, le premier élément descendant avec cette classe DEVRAIENT s'exécuter, toutes les autres étant ignorées. | |||
Toutes les autres propriétés PEUVENT être plurielles. Chaque instance de classe de telles propriétés crée une instance de cette propriété. | |||
=== Lisible par Humain vs. Machine === | === Lisible par Humain vs. Machine === | ||
Les contenus de textes visibles par les humains d'un élément pour une propriété représente la valeur de cette propriété, avec quelques exceptions : | |||
Si un élément <code>< | Si un élément <code><a></code> est utilisé pour une propriété, alors l'attribut '<code>title</code>' (si présent) de l'élément <code><abbr></code> est la valeur de la propriété, au lieu des contenus de l'élément, qui fournit à la place une version plus humainement présentable de la valeur. | ||
Si un élément <code><a></code> est utilisé pour une ou plusieurs propriétés, il | Si un élément <code><a></code> est utilisé pour une ou plusieurs propriétés, il {{must-fr}} être traité comme suit : | ||
# Pour la propriété | # Pour la propriété 'photo' et toute autre propriété qui prend un URL comme sa valeur, l'attribut <code>href="..."</code> fournit la valeur de la propriété. | ||
# Pour les autres propriétés, le contenu de l'élément est la valeur de la propriété. | # Pour les autres propriétés, le contenu de l'élément est la valeur de la propriété. | ||
Si un élément <code><object></code> est utilisé pour une ou plusieurs propriétés, il | Si un élément <code><img></code> est utilisé pour une ou plusieurs propriétés, il {{must-fr}} être traité comme suit : | ||
# Pour la propriété | # Pour la propriété 'photo' et toute autre propriété qui prend une URL comme sa valeur, l'attribut fournit la valeur de propriété. | ||
# Pour les autres propriétés, le contenu de l'élément est la valeur de la propriété. | # Pour les autres propriétés, l'attribut '<code>alt</code>' de l'élément <code><img></code> est la valeur de la propriété. | ||
Si un élément <code><object></code> est utilisé pour une ou plusieurs propriétés, il {{must-fr}} être traité comme suit : | |||
# Pour la propriété 'photo' et toute autre propriété qui prend une URL comme sa valeur, l'attribut <code>data="..."</code> fournit la valeur de la propriété. | |||
# Pour les autres propriétés, le contenu de l'élément est la valeur de la propriété. | |||
=== Extraction de Valeur === | === Extraction de Valeur === | ||
Parfois, seule une partie d'un élément qui est l'équivalent d'une propriété devrait être utilisée pour la valeur de la propriété. Ceci arrive typiquement quand une propriété a un sous-type, comme 'tel'. A cette intention, le nom de classe spécial "<code>value</code>" est introduit pour extraire le sous-ensemble de l'élément qui est la valeur de la propriété. Par exemple, voici un fragment hCard pour marquer un numéro de téléphone de domicile :<br /> | |||
vCard : | |||
<source lang=html4strict> | |||
TEL;TYPE=HOME:+1.415.555.1212 | |||
</source> | |||
< | hCard : | ||
<source lang=html4strict> | |||
<span class="tel"> | <span class="tel"> | ||
<span class="type"> | <span class="type">home</span>: | ||
<span class="value">+1.415.555.1212</span> | <span class="value">+1.415.555.1212</span> | ||
</span> | </span> | ||
</source> | |||
Ce fragment de hCard pourrait s'afficher comme : | |||
<div style="border: thin dashed black; width: 95%; padding: .5em 1em;"> | |||
<span class="tel"> | |||
<span class="type">home</span>: | |||
<span class="value">+1.415.555.1212</span> | |||
</span> | |||
</div> | |||
Vous pourriez vouloir personnaliser/localiser la ponctuation visible et ne pas vouloir que les machines la voient. Utilisez plusieurs éléments de classe "value" qui sont alors concaténés, par ex : | |||
<source lang=html4strict> | |||
<span class="tel"> | |||
<span class="type">home</span>: | |||
<span class="value">+1</span>.<span class="value">415</span>.<span class="value">555</span>.<span class="value">1212</span></span> | |||
</span> | |||
</source> | |||
Aucun changement à l'affichage, mais la valeur de propriété analysée devient alors en vCard : | |||
vCard: | |||
<pre><nowiki> | |||
TEL;TYPE=HOME:+14155551212 | |||
</nowiki></pre> | </nowiki></pre> | ||
<!-- note pour Tantek : réviser/modifier la casse propriété à partir d'ici --> | |||
=== Exceptions de Propriétés === | === Exceptions de Propriétés === | ||
vCard a plusieurs propriétés qui soit ne font pas de sens, ou sont déjà imbriquées dans le contexte d'une page web. | |||
vCard a plusieurs propriétés qui soit ne font pas de sens, | |||
ou sont déjà imbriquées dans le contexte d'une page web. | |||
Cette section explique ce qu'il faut (ou ne pas) faire avec elles : | Cette section explique ce qu'il faut (ou ne pas) faire avec elles : | ||
# Les propriétés '''NAME''', '''PROFILE''', '''SOURCE''', '''PRODID''', '''VERSION''' | # Les propriétés de la vcard '''NAME''', '''PROFILE''', '''SOURCE''', '''PRODID''', '''VERSION''' sont définies dans les Sections 2.1.2, 2.1.3, 2.1.4, 3.6.3, 3.6.9 de la [[rfc-2426|RFC2426]]. Les éditeurs de contenus NE DOIVENT PAS ({{must-not-fr}}) utiliser ces propriétés dans leurs hCards, et par conséquent, les clients/parseurs de hCard DOIVENT ({{must-fr}}) IGNORER ces propriétés si elles sont trouvées dans une hCard. Au lieu de cela, les convertisseurs hCard vers vCard DEVRAIENT ({{should-fr}}) utiliser le titre de la page où la hCard est trouvée (c'est à dire l'élément <code><title></code> dans les documents HTML) pour construire la propriété NOM, et ils {{may-fr}} produire une valeur PROFILE de "<code>VCARD</code>" selon la [[rfc-2426-fr|RFC2426]], ils DEVRAIENT ({{should-fr}}) utiliser l'URL de la page où est trouvée la hCard pour construire la propriété SOURCE (c'est à dire peut-être comme un paramètre vers un URL/service qui convertir les hCards en vCards), pour un flux de sortie vCard (par ex. un fichier vcf). | ||
Les éditeurs de contenus | Seuls les services/applications qui produisent de véritables vCards devraient écrire la propriété PRODID, avec l'identifiant produit pour l'application/service. De la même façon, seuls de tels services/applications devraient écrire la propriété VERSION, avec la valeur "3.0" (sans guillemets) selon la [[rfc-2426-fr|RFC2426]] Section 3.6.9. | ||
Au lieu de cela, les convertisseurs hCard vers vCard DEVRAIENT utiliser le titre de la page où la hCard est trouvée (c'est à dire l'élément <code><title></code> dans les documents | |||
Seuls les services/applications qui produisent de véritables vCards devraient écrire la propriété PRODID, avec l'identifiant produit pour l'application/service. De la même façon, seuls de tels services/applications devraient écrire la propriété VERSION, avec la valeur "3.0" (sans guillemets) selon la RFC2426 Section 3.6.9. | |||
=== Info Contact Organisation === | === Info Contact Organisation === | ||
Si les propriétés "FN" et "ORG" (organisation) ont exactement la même valeur (généralement parce qu'elles sont | |||
Si les propriétés "FN" et "ORG" ont exactement la même valeur (généralement parce qu'elles sont | réglées sur le même élément, par ex. class="fn org"), alors la hCard représente l'information de contact pour une société, une organisation ou un lieu et {{should-fr}} être traitée comme telle. Dans ce cas l'auteur {{must-not-fr}} NE DOIT aussi PAS régler la propriété "N", ou la régler (et n'importe quelles sous-propriétés) explicitement vers la chaîne vide "". | ||
réglées sur le même élément, par ex. class="fn org"), alors la hCard représente l'information de contact pour une société | Par conséquent les parseurs {{should-fr}} devraient gérer dans ce cas la propriété manquante "N" en | ||
Par conséquent les parseurs devraient gérer dans ce cas la propriété manquante "N" en | |||
sous-entendant des valeurs vides pour toutes les sous-propriétés "N". | sous-entendant des valeurs vides pour toutes les sous-propriétés "N". | ||
=== Optimisation implicite " | === Optimisation implicite "N" === | ||
Bien que vCard requiert que la propriété "N" soit présente, les auteurs de la spécification vCard ([[rfc-2426-fr|RFC2426]]) eux-mêmes n'incluent pas les propriétés "N" dans leurs vCards près de la fin de la spec (p.38). Cette contradiction apparente peut être résolue en permettant simplement à la propriété "FN" de sous-entendre les valeurs de la propriété "N" dans les cas typiques fournies dans la spécification. Nous faisons cela explicitement dans hCard. | |||
Si "FN" et "ORG" ne sont pas les mêmes (voir section précédente) et si la valeur de la propriété "FN" est exactement de deux mots (séparés par un espace blanc) et s'il n'y a pas de propriété explicite "N", alors la propriété "N" est inférée à partir de la propriété "FN". | |||
Pour les "FN"s avec soit un mot voir au-dessous, et pour trois mots ou plus, l'auteur {{must-fr}} DOIT explicitement baliser le "N", exception faite pour le cas de l'information de contact organisation, [[hcard-fr#Info_Contact_Organisation|voir au-dessus]] pour cela. | |||
Si "FN" et "ORG" ne sont pas les mêmes (voir section précédente) et si la valeur de la propriété "FN" est exactement deux mots (séparés par un espace blanc) et s'il n'y a pas de propriété explicite "N", alors la propriété "N" est inférée à partir de la propriété "FN". | |||
Pour les "FN"s avec soit un mot voir au-dessous, et pour trois ou plus, l'auteur DOIT explicitement baliser le "N", exception faite pour le cas de l'information de contact organisation, | |||
[ | |||
# Le contenu de "FN" est brisé en deux "mots" séparés par un espace blanc. | # Le contenu de "FN" est brisé en deux "mots" séparés par un espace blanc. | ||
# Le ''premier'' mot de ''FN'' est interprété comme le "given-name" (prénom) pour la propriété "N". | # Le ''premier'' mot de ''FN'' est interprété comme le "given-name" (prénom) pour la propriété "N". | ||
# Le ''second/dernier'' mot de "FN" est interprété comme le "family-name" pour la propriété "N". | # Le ''second/dernier'' mot de "FN" est interprété comme le "family-name" pour la propriété "N". | ||
# Exception : Si le premier mot se finit par une "," virgule | # Exception : Si le premier mot se finit par une "," virgule, alors le premier mot (moins la virgule à la fin s'il y en a) est interprété comme le "family-name" et le second mot est interprété comme le "given-name" (prénom). | ||
Ceci permet une simplification dans le cas typique des gens déclarant : | Ceci permet une simplification dans le cas typique des gens déclarant : | ||
* | * given-name (espace) family-name | ||
* | * family-name (virgule) given-name | ||
=== Optimisation implicite du "nickname" === | === Optimisation implicite du "nickname" === | ||
Du fait de la prévalence de l'utilisation sur le web de pseudos/handles/nomsutilisateurs dans les contenus publiés sur le Web (par ex. les auteurs des [[hreview-fr|critiques]]), hCard a aussi une | Du fait de la prévalence de l'utilisation sur le web de pseudos/handles/nomsutilisateurs dans les contenus publiés sur le Web (par ex. les auteurs des [[hreview-fr|critiques]]), hCard a aussi une | ||
optimisation implicite de "nickname" pour gérer cela. | optimisation implicite de "nickname" pour gérer cela. | ||
Line 154: | Line 293: | ||
si la valeur de la propriété "FN" est exactement d'un mot, et s'il n'y a pas de propriété "N" explicite, alors : | si la valeur de la propriété "FN" est exactement d'un mot, et s'il n'y a pas de propriété "N" explicite, alors : | ||
# Le contenu du "FN" | # Le contenu du "FN" {{must-fr}} être traité comme une valeur de propriété "nickname". | ||
# Les parseurs devraient gérer la propriété manquante "N" par des valeurs vides implicites pour toutes les sous-propriétés "N". | # Les parseurs devraient ({{should-fr}}) gérer la propriété manquante "N" par des valeurs vides implicites pour toutes les sous-propriétés "N". | ||
Note : la hCard peut avoir des valeurs de propriétés explicites supplémentaires "nickname" en plus du nickname sous-entendu. | Note : la hCard peut ({{may-fr}}) avoir des valeurs de propriétés explicites supplémentaires "nickname" en plus du nickname sous-entendu. | ||
=== Optimisation implicite "organization-name" === | === Optimisation implicite "organization-name" === | ||
La propriété "ORG" a deux sous-propriétés, organization-name et organization-unit. Très souvent les auteurs ne publient que organization-name. De ce fait si une propriété "ORG" n'a pas d'"organization-name" dedans, alors la totalité des contenus DOIT ({{must-fr}}) être traitée comme le "organization-name". | |||
=== Tags en tant que Catégories === | |||
Les catégories dans hCard peuvent ({{may-fr}}) être représentées par des tags avec rel-tag. | |||
Quand une propriété category est un rel-tag, le tag (comme défini par rel-tag) est utilisé pour cette catégorie. | |||
La propriété | === valeurs sous-propriété type === | ||
La sous-propriété 'type' en particulier prend différentes valeurs selon quelle propriété est une sous-propriété de. Ces valeurs de sous-propriétés 'type' sont INSENSIBLES à la casse, ceci voulant dire que "Home" est équivalent à "home", tout comme elle est multivalorisée, par ex. un téléphone peut être home et pref (éré) : | |||
vCard : | |||
Quand une propriété | <source lang=html4strict> | ||
TEL;TYPE=HOME,PREF:+1.415.555.1212 | |||
</source> | |||
hCard : | |||
<source lang=html4strict> | |||
<span class="tel"><span class="type">Home</span> (<span class="type">pref</span>erred): | |||
<span class="value">+1.415.555.1212</span> | |||
</span> | |||
</source> | |||
Ceci pourrait être affiché sous : | |||
<div style="border: thin dashed black; width: 95%; padding: .5em 1em; "> | |||
<span class="tel"><span class="type">Home</span> (<span class="type">pref</span>erred): | |||
<span class="value">+1.415.555.1212</span> | |||
</span> | |||
</div> | |||
==== type avec valeur non spécifiée ==== | |||
Quand le type d'une propriété est spécifié, et qu'il n'y ait pas de valeur explicite spécifiée, alors tout dans la propriété excepté le type est considéré la valeur de la propriété, par exemple : | |||
=== | <source lang=html4strict> | ||
<span class="tel"><span class="type">Home</span> +1.415.555.1212</span> | |||
</source> | |||
est équivalent à : | |||
=== | <source lang=html4strict> | ||
<span class="tel"><span class="type">Home</span><span class="value"> +1.415.555.1212</span></span> | |||
</source> | |||
Et ce fait le type est "home" et la valeur est "+1.415.555.1212". | |||
==== adr tel email types ==== | |||
Les listes suivantes sont ''informative''s. Voir sections RFC2426 3.2.1 ADR, 3.3.1 TEL, et 3.3.2 EMAIL respectivement pour les valeurs type normatives. Elles sont répétées ici pour la facilité. La(es) valeur(s) de sous-propriétés type est(sont) d'abord dans chaque liste et toutes indiquées en | Les listes suivantes sont ''informative''s. Voir sections RFC2426 3.2.1 ADR, 3.3.1 TEL, et 3.3.2 EMAIL respectivement pour les valeurs type normatives. Elles sont répétées ici pour la facilité. La(es) valeur(s) de sous-propriétés type est (sont) d'abord dans chaque liste et toutes indiquées en LETTRES CAPITALES. Les types peuvent être multivalorisées. | ||
* adr type: INTL, POSTAL, PARCEL, WORK, dom, home, pref | * adr type: INTL, POSTAL, PARCEL, WORK, dom, home, pref | ||
* tel type: VOICE, home, msg, work, pref, fax, cell, video, pager, bbs, modem, car, isdn, pcs | * tel type: VOICE, home, msg, work, pref, fax, cell, video, pager, bbs, modem, [http://flickr.com/photos/tags/carcellphone/ car], isdn, pcs | ||
* email type: INTERNET, x400, pref | * email type: INTERNET, x400, pref | ||
=== Profil === | |||
Le <span id="Profil_XMDP">Profil XMDP</span> est sur http://microformats.org/profile/hcard | |||
=== | Le contenu qui utilise hCard DEVRAIT référencer ce profil, c'est à dire : | ||
<source lang=html4strict> | |||
<link rel="profile" href="http://microformats.org/profile/hcard"> | |||
</source> | |||
ou | |||
<source lang=html4strict> | |||
Ce contenu utilise <a rel="profile" href="http://microformats.org/profile/hcard">hCard</a>. | |||
</source> | |||
ou | |||
<source lang=html4strict> | |||
<head profile="http://microformats.org/profile/hcard"> | |||
</source> | |||
(L'attribut de profil est déprécié en HTML5) | |||
Le contenu peut aussi combiner les méthodes au-dessus. | |||
=== Détails Parsage === | === Détails Parsage === | ||
Voir [[hcard-parsing-fr|hCard parsing]]. | Voir [[hcard-parsing-fr|hCard parsing]]. | ||
== Exemples == | == Exemples == | ||
Cette section est informative. | Cette section est informative. | ||
=== Echantillon vCard === | === Echantillon vCard === | ||
Voilà une vCard échantillon. | Voilà une vCard échantillon. | ||
< | <source lang=html4strict> | ||
BEGIN:VCARD | BEGIN:VCARD | ||
VERSION:3.0 | VERSION:3.0 | ||
Line 222: | Line 388: | ||
FN:Tantek Çelik | FN:Tantek Çelik | ||
URL:http://tantek.com/ | URL:http://tantek.com/ | ||
END:VCARD | END:VCARD | ||
</ | </source> | ||
et un équivalent en hCard avec différents éléments optimisés proprement. | et un équivalent en hCard avec différents éléments optimisés proprement. | ||
Voir [[hcard-example1-steps-fr|hCard Exemple 1]] pour la dérivation. | Voir [[hcard-example1-steps-fr|hCard Exemple 1]] pour la dérivation. | ||
< | <source lang=html4strict> | ||
<div class="vcard"> | <div class="vcard"> | ||
<a class="url fn" href="http://tantek.com/">Tantek Çelik</a> | <a class="url fn" href="http://tantek.com/">Tantek Çelik</a> | ||
</div> | </div> | ||
</ | </source> | ||
Cette carte pourrait être affichée comme : | Cette carte pourrait être affichée comme : | ||
<div style="border: thin dashed black; width: 95%; padding: .5em 1em;"> | |||
[http://tantek.com/ Tantek Çelik]< | [http://tantek.com/ Tantek Çelik] | ||
</div> | |||
Note : L'information de version n'est pas directement nécessaire dans le balisage hCard parce que la version sera définie par le profil de hCard qui est utilisé/référencé dans l'attribut 'profile' de l'élément <head>. | Note : L'information de version n'est pas directement nécessaire dans le balisage hCard parce que la version sera définie par le profil de hCard qui est utilisé/référencé dans l'attribut 'profile' de l'élément <head>. | ||
===Exemple Live=== | |||
Voici les détails de contacts de [http://www.commerce.net/ Commercenet], sous forme d'une hCard vivante qui sera détectée, sur cette page, par les outils de parsage de microformats : | |||
== | <div class="vcard"> | ||
<div class="fn org">'''CommerceNet'''</div> | |||
<div class="url">'''<nowiki>http://www.commerce.net/</nowiki>'''</div> | |||
<div class="adr">'''<span class="type">Work</span>:''' | |||
<div class="street-address">'''169 University Avenue'''</div> | |||
<span class="locality">'''Palo Alto'''</span>, <span class="region">'''CA'''</span> <span class="postal-code">'''94301'''</span> | |||
<div class="country-name">'''USA'''</div> | |||
</div> | |||
<div class="tel">'''<span class="type">Work</span> +1-650-289-4040'''</div> | |||
<div class="tel">'''<span class="type">Fax</span> +1-650-289-4041'''</div> | |||
<div>'''Email <span class="email"><nowiki>info@commerce.net</nowiki></span>'''</div> | |||
</div> | |||
Le marquage, graissage omis pour la clarté, avec les améliorations sémantiques suivantes : | |||
* <code>abbr</code> pour épancher les abréviations | |||
* hyperlien du nom de l'org avec l'url | |||
=== | <source lang=html4strict> | ||
<div class="vcard"> | |||
<a class="fn org url" href="http://www.commerce.net/">CommerceNet</a> | |||
<div class="adr"> | |||
<span class="type">Work</span>: | |||
<div class="street-address">169 University Avenue</div> | |||
<span class="locality">Palo Alto</span>, | |||
<abbr class="region" title="California">CA</abbr> | |||
<span class="postal-code">94301</span> | |||
<div class="country-name">USA</div> | |||
</div> | |||
<div class="tel"> | |||
<span class="type">Work</span> +1-650-289-4040 | |||
</div> | |||
<div class="tel"> | |||
<span class="type">Fax</span> +1-650-289-4041 | |||
</div> | |||
<div>Email: | |||
<span class="email">info@commerce.net</span> | |||
</div> | |||
</div> | |||
</source> | |||
=== Plus d'Exemples === | |||
Voir [[hcard-examples-fr|exemples hCard]] pour plus d'exemples, y compris tous les exemples extraits de la [[rfc-2426-fr|RFC2426]] vCard convertie en hCard. | |||
== | == exemples dans la jungle == | ||
Cette section est '''informative'''. Le nombre d'exemples de hCard dans la jungle a grandi bien au delà de la capacité de pouvoir être maintenu en ligne et associé à cette spécification. Ils ont migré sur une [[hcard-examples-in-wild-fr|page séparée]]. | |||
Voir [[hcard-examples-in-wild-fr|Exemples hCard dans la jungle]]. | |||
== Implémentations == | |||
Cette section est '''informative'''. Le nombre d'implémentations de hCard a aussi grandi au delà de la capacité de pouvoir les maintenir sur cette même page. Elles ont été migrées sur une [[hcard-implementations-fr|page séparée]]. | |||
Voir [[hcard-implementations-fr|Implémentations hCard]]. | |||
== Articles == | |||
Cette section est <strong>informative</strong>. Pour <span id="En_savoir_plus">en savoir plus</span> sur hCard, voir [[hcard-articles-fr|hCard-articles]]. | |||
==Boutons== | |||
Vous pouvez utiliser ces boutons sur les pages avec des hCards. Voir [[buttons-fr#hCard]] pour toutes les additions récentes. | |||
* http://www.crowley.nl/images/hcard.png (miroir : http://www.davidjanes.com/images/mf_hcard.png) | |||
* http://rbach.priv.at/2006/buttons/hcard.png | |||
* http://www.boogdesign.com/images/buttons/microformat_hcard.png | |||
* boutons CSS, sur [http://re-run.com/about/microformat-badges microformat badges @ re-run] | |||
* | |||
* | |||
* | |||
* | |||
== | == Copyright == | ||
Selon la sortie en domaine public sur les pages-utilisateurs des auteurs ([[User:Tantek|Tantek Çelik]], [[User:Brian|Brian Suda]]) cette specification est publiée dans le domaine public. | |||
{{MicroFormatPublicDomainContributionStatement-fr}} | |||
== | == Brevets== | ||
{{MicroFormatPatentStatement-fr}} | |||
== Références == | == Références == | ||
Line 477: | Line 486: | ||
* [http://www.w3.org/TR/2002/REC-xhtml1-20020801/ XHTML 1.0 SE] | * [http://www.w3.org/TR/2002/REC-xhtml1-20020801/ XHTML 1.0 SE] | ||
* [http://www.ietf.org/rfc/rfc2426.txt vCard RFC2426] | * [http://www.ietf.org/rfc/rfc2426.txt vCard RFC2426] | ||
* [http://www.itu.int/rec/T-REC-E.123-200102-I/en ITU recommendation E.123] format des numéros de téléphone (document chargeable) | |||
* [[rfc-2119-fr|RFC 2119]] | |||
=== Références Informatives === | === Références Informatives === | ||
* [[hcard-history-fr|histoire de la hCard]] | |||
** [http://wiki.oreillynet.com/foocamp04/index.cgi?SimpleSemanticFormats FOO Camp 2004 présentation Simple Semantic Formats, 2004-09-10] | |||
** [http://tantek.com/log/2004/09.html#hcard terme hCard introduit et défini sur le Web, 2004-09-30] | |||
** Contribué à partir de http://developers.technorati.com/wiki/hCard 2005-06-20 | |||
** Contributions provenant de http://developers.technorati.com/wiki/hCard. | |||
* [http://www.dante.net/np/ds/osi/9594-6-X.520.A4.ps X.520 dans Postscript] ([http://72.14.253.104/search?q=cache:FjqzsFu4h20J:www.dante.net/np/ds/osi/9594-6-X.520.A4.ps HTMLization courtesy of Google Cache]) - vCard fait référence au ROLE comme étant "based on the X.520 Business Category explanatory attribute". | |||
* [http://www.w3.org/2002/12/cal/rfc2426 version remise en forme HTML de la RFC2426] | * [http://www.w3.org/2002/12/cal/rfc2426 version remise en forme HTML de la RFC2426] | ||
* [http://w3.org/TR/REC-CSS1 CSS1] | * [http://w3.org/TR/REC-CSS1 CSS1] | ||
* [http://www.w3.org/TR/xhtml11 XHTML 1.1] | * [http://www.w3.org/TR/xhtml11 XHTML 1.1] | ||
* [http://en.wikipedia.org/wiki/E.123 Résumé Wikipedia de la Recommandation ITU-T E.123] - pour les valeurs "TEL". | |||
* [http://www.imc.org/pdi/ Internet Mail Consortium Personal Data Interchange vCard and vCalendar] | |||
* [[iso-8601|ISO8601]] | |||
==== Spécifications Qui Utilisent hCard ==== | ==== Spécifications Qui Utilisent hCard ==== | ||
Line 493: | Line 510: | ||
==== Travaux Equivalents ==== | ==== Travaux Equivalents ==== | ||
Cette section est '''informative'''. | |||
* [http://www.intertwingly.net/wiki/pie/PaceBetterPersonElement Atom PaceBetterPersonElement] | * [http://www.intertwingly.net/wiki/pie/PaceBetterPersonElement Atom PaceBetterPersonElement] | ||
* [http://www.jabber.org/jeps/jep-0054.html JEP-0054: vcard-temp] | * [http://www.jabber.org/jeps/jep-0054.html JEP-0054: vcard-temp] | ||
== Inspiration et Remerciements == | |||
Cette section est '''informative'''. | |||
Remerciements à mon bon ami [http://vadim.com/ Vadim] qui m'a présenté vCard il y a de ''nombreuses'' années, | |||
et si j'avais prêté alors un peu plus d'attention, j'aurais pu peut-être aider beaucoup de personnes à éviter de perdre du temps à réinventer beaucoup de roues des standards. | |||
== Notes sur la dérivation provenant de la vCard == | |||
Cette section est ''informative''. | |||
=== Principes de Design XHTML Sémantique === | |||
{{semantic-xhtml-design-principles-fr}} | |||
=== Plus d'Equivalents Sémantiques === | |||
Pour quelques propriétés, il existe quelques éléments HTML qui correspondent mieux et portent leurs sémantiques. Les propriétés suivantes DEVRAIENT être encodées avec le HTML suivant : | |||
* <code>URL</code> dans vCard devient <code><a class="url" href="...">...</a></code> dans l'élément avec <code>class="vcard"</code> dans hCard. | |||
* De la même manière, <code>EMAIL</code> dans la vCard devient <code><nowiki><a class="email" href="mailto:...">...</a></nowiki></code> | |||
* <code>PHOTO</code> dans la vCard devient <code><img class="photo" src="..." alt="Photo de ..." /></code> ou <code><object class="photo" data="..." type="...">Photo de ...</object></code> | |||
* <code>UID</code> dans vCard devient simplement une autre sémantique appliquée à un URL spécifique (ou EMAIL) pour une hCard. | |||
==== Propriétés Singulières ==== | |||
Les propriétés Singulières : "FN", "N", "BDAY", "TZ", "GEO", "SORT-STRING", "UID", "CLASS". | |||
Toutes les autres propriétés sont plurielles. Cette liste a été dérivée en analysant la sémantique des propriétés individuelles dans la RFC2426 vCard et en déterminant logiquement qu'elles DOIVENT être singulières selon leurs sémantiques. Voir [[hcard-singular-properties-fr|propriétés hcard singulier]] pour des explications. | |||
==== Propriétés Plurielles Singularisées ==== | |||
Parce que les noms de propriétés plurielles deviennent leurs équivalents singuliers, même si la propriété plurielle originale ne permettait qu'une valeur unique avec plusieurs composants, ces composants multiples sont représentés chacun avec leur propre singularité appelée propriété | |||
et la propriété est en fait multivalorisée et sujette au traitement ci-dessus des propriétés multivalorisées. | |||
== Pages Apparentées == | == Pages Apparentées == | ||
{{hcard-related-pages-fr}} | |||
[[Category:Specifications]] | |||
[[Category:hCard]] | |||
== | == Traductions == | ||
Lisez la spécification hCard dans d'autres <span id="langues">langues</span> : | |||
* [ | * [[hcard|anglais]] - la version normative de la spécification seule version de référence | ||
* [ | * [[hcard-ru|Русский]] | ||
* [[hcard-ja|日本語]] | |||
* | * [[hcard-zh|漢語]] | ||
* |
Latest revision as of 16:26, 18 July 2020
Tantek Çelik (Editeur, Auteur), Brian Suda (Auteur) (Traduction : Christophe Ducamp : hCalendar - Seule la spécification originale fait référence)
hCard est un format simple, ouvert pour publier sur le web des personnes, sociétés, organisations, en utilisant une représentation 1:1 des propriétés et des valeurs de la vCard (RFC2426) en HTML. hCard est l'un des nombreux standards microformats ouverts adaptés pour l'embarquement dans le HTML/HTML5, et Atom/RSS/XHTML ou autre XML.
Les déclarations de Copyright et brevets sont en vigueur. Voir les remerciements.
- Editeur
- Tantek Çelik (http://tantek.com/, et avant chez Technorati, Inc. et Microsoft Corporation)
- Auteurs
- Tantek Çelik (affiliations ci-dessus)
- Brian Suda (http://suda.co.uk/)
Remerciements : Voir Remerciements.
Les déclarations de copyright et de brevets s'appliquent.
Exemple
Les hCards sont le plus souvent utilisées pour représenter des personnes :
<div class="vcard">
<a class="url fn" href="http://tantek.com/">Tantek Çelik</a>
</div>
et des organisations :
<div class="vcard">
<a class="url fn org" href="http://microformats.org/">microformats.org</a>
</div>
La classe vcard
est un nom de classe racine qui indique la présence d'une hCard. Les classes url
, fn
, et org
sont les propriétés qui indiquent les aspects de la hCard.
Propriétés
vcard
)
fn
- nom, formaté/complet. requisn
- nom structuré, conteneur pour :honorific-prefix
- par ex. Ms., Mr., Dr.given-name
- nom donné (souvent en premier), le prénomadditional-name
- autre nom/milieufamily-name
- nom de famille (souvent en dernier)honorific-suffix
- par ex. Ph.D., Esq.
nickname
- pseudo/alias, par ex. IRC nickorg
- société/organisationphoto
- photo, icône, avatarurl
- page personnelle pour ce contactemail
- addresse e-mailtel
- numéro de téléphoneadr
- adresse structurée, conteneur pour :street-address
- rue #+nom, appart./suitelocality
- ville ou villageregion
- état ou provincepostal-code
- code postal par ex. U.S. ZIPcountry-name
- non du pays
bday
- anniversaire. date ISO.category
- pour taguer les contactsnote
- notes concernant le contact
<div class="vcard">
<span class="fn">Sally Ride</span>
(<span class="n">
<span class="honorific-prefix">Dr.</span>
<span class="given-name">Sally</span>
<abbr class="additional-name">K.</abbr>
<span class="family-name">Ride</span>
<span class="honorific-suffix">Ph.D.</span></span>),
<span class="nickname">sallykride</span> (IRC)
<div class="org">Sally Ride Science</div>
<img class="photo" src="http://example.com/sk.jpg"/>
<a class="url" href="http://sally.example.com">w</a>,
<a class="email" href="mailto:sally@example.com">e</a>
<div class="tel">+1.818.555.1212</div>
<div class="adr">
<div class="street-address">123 Main st.</div>
<span class="locality">Los Angeles</span>,
<abbr class="region" title="California">CA</abbr>,
<span class="postal-code">91316</span>
<div class="country-name">U.S.A</div></div>
<time class="bday">1951-05-26</time> birthday
<div class="category">physicist</div>
<div class="note">First American woman in space.</div>
</div>
Commencer à écrire une hCard
- Utilisez le formulaire hCard creator saisir l'information de contact et la publier.
- Voir les exemples de publication de hCard pour ajouter hCard à vos pages de contact actuelles.
Statut
hCard 1.0 est une spécification microformats.org. La discussion publique a pris place sur hcard-feedback, le canal irc #microformats sur irc.freenode.net et la liste de diffusion microformats-discuss.
Langues disponibles
La version anglaise de cette spécification sur hCard est la seule version normative. Pour les traductions de ce document voir la section #traductions.
Errata et Mises à jour
Les erreurs connues et problématiques de cette spécification sont corrigées dans les problématiques résolues et fermées. Regardez-les svp avant de rendre compte de problématiques.
La mise à jour hCard 1.0.1 est actuellement en développement et incorpore les corrections connues tout comme le modèle-de-classe-value.
Origines
Le standard vCard (RFC2426), a été largement implémenté de façon inter-opérable. (par ex. dans l'application "Carnet d'Adresses" d'Apple intégrée dans MacOSX).
En outre, beaucoup de blogueurs s'identifient eux-mêmes par un nom et discutent avec leurs amis et familles. Avec juste un peu de structure, les blogueurs peuvent discuter avec des personnes dans leurs blogs d'une telle façon que les spiders et autres agrégateurs peuvent retrouver cette information, la convertir automatiquement en vCards et l'utiliser dans n'importe quelle application ou service vCard.
Cette spécification présente le format hCard, qui utilise une représentation 1:1 des propriétés et valeurs du standard vCard mentionné ci-dessus, en HTML sémantique. Les blogueurs peuvent tout à la fois embarquer directement les hCards dans leurs pages web et les styliser avec CSS pour les faire apparaître comme ils le désirent. En outre, hCard permet aux applications de retrouver directement l'information à partir des pages web sans avoir à référencer un fichier séparé.
Utilisez le hCard creator et copiez le code HTML qu'il génère sur votre blog ou site web pour publier votre information de contact.
Conformité
Les mots-clés "DOIT", "NE DOIT PAS", "OBLIGATOIRE", "DEVRA", "NE DEVRA PAS", "DEVRAIT", "NE DEVRAIT PAS", "RECOMMANDÉ", "PEUT" et "OPTIONNELLE" dans ce document doivent être interprétés comme décrits dans la RFC 2119.
Format
En Général
Le standard vCard (RFC2426) forme la base de hCard.
Le format basique de hCard est d'utiliser les noms d'objet/propriété vCard en bas de casse pour les noms de classes, et de mapper l'imbrication des objets vCard directement dans les éléments HTML imbriqués.
Nom de Classe Racine
Le nom de classe racine pour une hcard est "vcard". Un élément avec un nom de classe "vcard" est lui même appelé une hCard.
Propriétés et Sous-propriétés
Les propriétés d'une hCard sont représentées par les éléments à l'intérieur de la hCard. Les éléments avec des noms de classes des propriétés listées représentent les valeurs de ces propriétés. Quelques propriétés ont des sous-propriétés, et celles-ci sont représentées par les éléments à l'intérieur des éléments pour les propriétés.
Liste des propriétés
Propriétés hCard (sous-propriétés entre parenthèses comme ceci)
Requis :
- fn
- n1
- family-name
- given-name
- additional-name
- honorific-prefix
- honorific-suffix
Optionnel :
- adr
- post-office-box
- extended-address
- street-address
- locality
- region
- postal-code
- country-name
- type
- value
- agent
- bday
- category
- class
- email (type, value)
- geo
- latitude
- longitude
- key
- label
- logo
- mailer
- nickname
- note
- org (organization-name, organization-unit)
- photo
- rev
- role
- sort-string
- sound
- tel2 (type, value)
- title
- tz
- uid
- url
Notes sur les Propriétés
- 1. ^ : La propriété 'n' est OPTIONNELLE si n'importe quelle règle d'optimisation implicite 'n' est en vigueur.
- tel
- 2. ^: tel - Les auteurs PEUVENT vouloir suivre le standard E.123 pour écrire les valeurs de numéros de téléphone.
- Les valeurs lettre (par ex 1-555-FORMATS) DOIVENT être converties en nombres. Utilisez un
abbr
pour afficher les lettre et fournir simultanément une valeur numérique, par ex.<abbr title="+15553676287">+1-555-FORMATS</abbr>
.
Propriétés Singulières vs. Plurielles
Les propriétés singulières : 'fn', 'n', 'bday', 'tz', 'geo', 'sort-string', 'uid', 'class', 'rev'. Pour les propriétés qui sont singulières, le premier élément descendant avec cette classe DEVRAIENT s'exécuter, toutes les autres étant ignorées.
Toutes les autres propriétés PEUVENT être plurielles. Chaque instance de classe de telles propriétés crée une instance de cette propriété.
Lisible par Humain vs. Machine
Les contenus de textes visibles par les humains d'un élément pour une propriété représente la valeur de cette propriété, avec quelques exceptions :
Si un élément <a>
est utilisé pour une propriété, alors l'attribut 'title
' (si présent) de l'élément <abbr>
est la valeur de la propriété, au lieu des contenus de l'élément, qui fournit à la place une version plus humainement présentable de la valeur.
Si un élément <a>
est utilisé pour une ou plusieurs propriétés, il DOIT être traité comme suit :
- Pour la propriété 'photo' et toute autre propriété qui prend un URL comme sa valeur, l'attribut
href="..."
fournit la valeur de la propriété. - Pour les autres propriétés, le contenu de l'élément est la valeur de la propriété.
Si un élément <img>
est utilisé pour une ou plusieurs propriétés, il DOIT être traité comme suit :
- Pour la propriété 'photo' et toute autre propriété qui prend une URL comme sa valeur, l'attribut fournit la valeur de propriété.
- Pour les autres propriétés, l'attribut '
alt
' de l'élément<img>
est la valeur de la propriété.
Si un élément <object>
est utilisé pour une ou plusieurs propriétés, il DOIT être traité comme suit :
- Pour la propriété 'photo' et toute autre propriété qui prend une URL comme sa valeur, l'attribut
data="..."
fournit la valeur de la propriété. - Pour les autres propriétés, le contenu de l'élément est la valeur de la propriété.
Extraction de Valeur
Parfois, seule une partie d'un élément qui est l'équivalent d'une propriété devrait être utilisée pour la valeur de la propriété. Ceci arrive typiquement quand une propriété a un sous-type, comme 'tel'. A cette intention, le nom de classe spécial "value
" est introduit pour extraire le sous-ensemble de l'élément qui est la valeur de la propriété. Par exemple, voici un fragment hCard pour marquer un numéro de téléphone de domicile :
vCard :
TEL;TYPE=HOME:+1.415.555.1212
hCard :
<span class="tel">
<span class="type">home</span>:
<span class="value">+1.415.555.1212</span>
</span>
Ce fragment de hCard pourrait s'afficher comme :
home: +1.415.555.1212
Vous pourriez vouloir personnaliser/localiser la ponctuation visible et ne pas vouloir que les machines la voient. Utilisez plusieurs éléments de classe "value" qui sont alors concaténés, par ex :
<span class="tel">
<span class="type">home</span>:
<span class="value">+1</span>.<span class="value">415</span>.<span class="value">555</span>.<span class="value">1212</span></span>
</span>
Aucun changement à l'affichage, mais la valeur de propriété analysée devient alors en vCard :
vCard:
TEL;TYPE=HOME:+14155551212
Exceptions de Propriétés
vCard a plusieurs propriétés qui soit ne font pas de sens, ou sont déjà imbriquées dans le contexte d'une page web. Cette section explique ce qu'il faut (ou ne pas) faire avec elles :
- Les propriétés de la vcard NAME, PROFILE, SOURCE, PRODID, VERSION sont définies dans les Sections 2.1.2, 2.1.3, 2.1.4, 3.6.3, 3.6.9 de la RFC2426. Les éditeurs de contenus NE DOIVENT PAS (NE DOIT PAS) utiliser ces propriétés dans leurs hCards, et par conséquent, les clients/parseurs de hCard DOIVENT (DOIT) IGNORER ces propriétés si elles sont trouvées dans une hCard. Au lieu de cela, les convertisseurs hCard vers vCard DEVRAIENT (DEVRAIT) utiliser le titre de la page où la hCard est trouvée (c'est à dire l'élément
<title>
dans les documents HTML) pour construire la propriété NOM, et ils PEUT produire une valeur PROFILE de "VCARD
" selon la RFC2426, ils DEVRAIENT (DEVRAIT) utiliser l'URL de la page où est trouvée la hCard pour construire la propriété SOURCE (c'est à dire peut-être comme un paramètre vers un URL/service qui convertir les hCards en vCards), pour un flux de sortie vCard (par ex. un fichier vcf).
Seuls les services/applications qui produisent de véritables vCards devraient écrire la propriété PRODID, avec l'identifiant produit pour l'application/service. De la même façon, seuls de tels services/applications devraient écrire la propriété VERSION, avec la valeur "3.0" (sans guillemets) selon la RFC2426 Section 3.6.9.
Info Contact Organisation
Si les propriétés "FN" et "ORG" (organisation) ont exactement la même valeur (généralement parce qu'elles sont réglées sur le même élément, par ex. class="fn org"), alors la hCard représente l'information de contact pour une société, une organisation ou un lieu et DEVRAIT être traitée comme telle. Dans ce cas l'auteur NE DOIT PAS NE DOIT aussi PAS régler la propriété "N", ou la régler (et n'importe quelles sous-propriétés) explicitement vers la chaîne vide "". Par conséquent les parseurs DEVRAIT devraient gérer dans ce cas la propriété manquante "N" en sous-entendant des valeurs vides pour toutes les sous-propriétés "N".
Optimisation implicite "N"
Bien que vCard requiert que la propriété "N" soit présente, les auteurs de la spécification vCard (RFC2426) eux-mêmes n'incluent pas les propriétés "N" dans leurs vCards près de la fin de la spec (p.38). Cette contradiction apparente peut être résolue en permettant simplement à la propriété "FN" de sous-entendre les valeurs de la propriété "N" dans les cas typiques fournies dans la spécification. Nous faisons cela explicitement dans hCard.
Si "FN" et "ORG" ne sont pas les mêmes (voir section précédente) et si la valeur de la propriété "FN" est exactement de deux mots (séparés par un espace blanc) et s'il n'y a pas de propriété explicite "N", alors la propriété "N" est inférée à partir de la propriété "FN". Pour les "FN"s avec soit un mot voir au-dessous, et pour trois mots ou plus, l'auteur DOIT DOIT explicitement baliser le "N", exception faite pour le cas de l'information de contact organisation, voir au-dessus pour cela.
- Le contenu de "FN" est brisé en deux "mots" séparés par un espace blanc.
- Le premier mot de FN est interprété comme le "given-name" (prénom) pour la propriété "N".
- Le second/dernier mot de "FN" est interprété comme le "family-name" pour la propriété "N".
- Exception : Si le premier mot se finit par une "," virgule, alors le premier mot (moins la virgule à la fin s'il y en a) est interprété comme le "family-name" et le second mot est interprété comme le "given-name" (prénom).
Ceci permet une simplification dans le cas typique des gens déclarant :
- given-name (espace) family-name
- family-name (virgule) given-name
Optimisation implicite du "nickname"
Du fait de la prévalence de l'utilisation sur le web de pseudos/handles/nomsutilisateurs dans les contenus publiés sur le Web (par ex. les auteurs des critiques), hCard a aussi une optimisation implicite de "nickname" pour gérer cela.
De la même manière que l'optimisation sous-entendue "n", si "FN" et "ORG" ne sont pas les mêmes, et si la valeur de la propriété "FN" est exactement d'un mot, et s'il n'y a pas de propriété "N" explicite, alors :
- Le contenu du "FN" DOIT être traité comme une valeur de propriété "nickname".
- Les parseurs devraient (DEVRAIT) gérer la propriété manquante "N" par des valeurs vides implicites pour toutes les sous-propriétés "N".
Note : la hCard peut (PEUT) avoir des valeurs de propriétés explicites supplémentaires "nickname" en plus du nickname sous-entendu.
Optimisation implicite "organization-name"
La propriété "ORG" a deux sous-propriétés, organization-name et organization-unit. Très souvent les auteurs ne publient que organization-name. De ce fait si une propriété "ORG" n'a pas d'"organization-name" dedans, alors la totalité des contenus DOIT (DOIT) être traitée comme le "organization-name".
Tags en tant que Catégories
Les catégories dans hCard peuvent (PEUT) être représentées par des tags avec rel-tag. Quand une propriété category est un rel-tag, le tag (comme défini par rel-tag) est utilisé pour cette catégorie.
valeurs sous-propriété type
La sous-propriété 'type' en particulier prend différentes valeurs selon quelle propriété est une sous-propriété de. Ces valeurs de sous-propriétés 'type' sont INSENSIBLES à la casse, ceci voulant dire que "Home" est équivalent à "home", tout comme elle est multivalorisée, par ex. un téléphone peut être home et pref (éré) :
vCard :
TEL;TYPE=HOME,PREF:+1.415.555.1212
hCard :
<span class="tel"><span class="type">Home</span> (<span class="type">pref</span>erred):
<span class="value">+1.415.555.1212</span>
</span>
Ceci pourrait être affiché sous :
Home (preferred): +1.415.555.1212
type avec valeur non spécifiée
Quand le type d'une propriété est spécifié, et qu'il n'y ait pas de valeur explicite spécifiée, alors tout dans la propriété excepté le type est considéré la valeur de la propriété, par exemple :
<span class="tel"><span class="type">Home</span> +1.415.555.1212</span>
est équivalent à :
<span class="tel"><span class="type">Home</span><span class="value"> +1.415.555.1212</span></span>
Et ce fait le type est "home" et la valeur est "+1.415.555.1212".
adr tel email types
Les listes suivantes sont informatives. Voir sections RFC2426 3.2.1 ADR, 3.3.1 TEL, et 3.3.2 EMAIL respectivement pour les valeurs type normatives. Elles sont répétées ici pour la facilité. La(es) valeur(s) de sous-propriétés type est (sont) d'abord dans chaque liste et toutes indiquées en LETTRES CAPITALES. Les types peuvent être multivalorisées.
- adr type: INTL, POSTAL, PARCEL, WORK, dom, home, pref
- tel type: VOICE, home, msg, work, pref, fax, cell, video, pager, bbs, modem, car, isdn, pcs
- email type: INTERNET, x400, pref
Profil
Le Profil XMDP est sur http://microformats.org/profile/hcard
Le contenu qui utilise hCard DEVRAIT référencer ce profil, c'est à dire :
<link rel="profile" href="http://microformats.org/profile/hcard">
ou
Ce contenu utilise <a rel="profile" href="http://microformats.org/profile/hcard">hCard</a>.
ou
<head profile="http://microformats.org/profile/hcard">
(L'attribut de profil est déprécié en HTML5) Le contenu peut aussi combiner les méthodes au-dessus.
Détails Parsage
Voir hCard parsing.
Exemples
Cette section est informative.
Echantillon vCard
Voilà une vCard échantillon.
BEGIN:VCARD
VERSION:3.0
N:Çelik;Tantek
FN:Tantek Çelik
URL:http://tantek.com/
END:VCARD
et un équivalent en hCard avec différents éléments optimisés proprement. Voir hCard Exemple 1 pour la dérivation.
<div class="vcard">
<a class="url fn" href="http://tantek.com/">Tantek Çelik</a>
</div>
Cette carte pourrait être affichée comme :
Note : L'information de version n'est pas directement nécessaire dans le balisage hCard parce que la version sera définie par le profil de hCard qui est utilisé/référencé dans l'attribut 'profile' de l'élément <head>.
Exemple Live
Voici les détails de contacts de Commercenet, sous forme d'une hCard vivante qui sera détectée, sur cette page, par les outils de parsage de microformats :
Palo Alto, CA 94301
Le marquage, graissage omis pour la clarté, avec les améliorations sémantiques suivantes :
abbr
pour épancher les abréviations- hyperlien du nom de l'org avec l'url
<div class="vcard">
<a class="fn org url" href="http://www.commerce.net/">CommerceNet</a>
<div class="adr">
<span class="type">Work</span>:
<div class="street-address">169 University Avenue</div>
<span class="locality">Palo Alto</span>,
<abbr class="region" title="California">CA</abbr>
<span class="postal-code">94301</span>
<div class="country-name">USA</div>
</div>
<div class="tel">
<span class="type">Work</span> +1-650-289-4040
</div>
<div class="tel">
<span class="type">Fax</span> +1-650-289-4041
</div>
<div>Email:
<span class="email">info@commerce.net</span>
</div>
</div>
Plus d'Exemples
Voir exemples hCard pour plus d'exemples, y compris tous les exemples extraits de la RFC2426 vCard convertie en hCard.
exemples dans la jungle
Cette section est informative. Le nombre d'exemples de hCard dans la jungle a grandi bien au delà de la capacité de pouvoir être maintenu en ligne et associé à cette spécification. Ils ont migré sur une page séparée.
Voir Exemples hCard dans la jungle.
Implémentations
Cette section est informative. Le nombre d'implémentations de hCard a aussi grandi au delà de la capacité de pouvoir les maintenir sur cette même page. Elles ont été migrées sur une page séparée.
Voir Implémentations hCard.
Articles
Cette section est informative. Pour en savoir plus sur hCard, voir hCard-articles.
Boutons
Vous pouvez utiliser ces boutons sur les pages avec des hCards. Voir buttons-fr#hCard pour toutes les additions récentes.
(miroir :
)
- boutons CSS, sur microformat badges @ re-run
Copyright
Selon la sortie en domaine public sur les pages-utilisateurs des auteurs (Tantek Çelik, Brian Suda) cette specification est publiée dans le domaine public.
Obligation de Contribution dans le Domaine Public. Du fait que le(s) auteur(s) aient publié leurs travaux dans le domaine public, afin de maintenir le statut de ce travail dans le domaine public, tous les contributeurs sur cette page sont aussi d'accord pour publier leurs contributions dans le domaine public. Les contributeurs peuvent indiquer leur consentement en ajoutant le modèle "public-domain-release" sur leur page utilisateur selon les instructions de Déclarations d'être Volontaire pour le Domaine Public. Les contributions non publiées dans le domaine public peuvent être défaites/retirées.
Brevets
Cette spécification est sujette à une politique de brevets libres de droits, par ex. pour la Politique de Brevet du W3C, IETF RFC3667 et RFC3668.
Références
Références Normatives
- XHTML 1.0 SE
- vCard RFC2426
- ITU recommendation E.123 format des numéros de téléphone (document chargeable)
- RFC 2119
Références Informatives
- histoire de la hCard
- FOO Camp 2004 présentation Simple Semantic Formats, 2004-09-10
- terme hCard introduit et défini sur le Web, 2004-09-30
- Contribué à partir de http://developers.technorati.com/wiki/hCard 2005-06-20
- Contributions provenant de http://developers.technorati.com/wiki/hCard.
- X.520 dans Postscript (HTMLization courtesy of Google Cache) - vCard fait référence au ROLE comme étant "based on the X.520 Business Category explanatory attribute".
- version remise en forme HTML de la RFC2426
- CSS1
- XHTML 1.1
- Résumé Wikipedia de la Recommandation ITU-T E.123 - pour les valeurs "TEL".
- Internet Mail Consortium Personal Data Interchange vCard and vCalendar
- ISO8601
Spécifications Qui Utilisent hCard
Travaux Equivalents
Cette section est informative.
Inspiration et Remerciements
Cette section est informative. Remerciements à mon bon ami Vadim qui m'a présenté vCard il y a de nombreuses années, et si j'avais prêté alors un peu plus d'attention, j'aurais pu peut-être aider beaucoup de personnes à éviter de perdre du temps à réinventer beaucoup de roues des standards.
Notes sur la dérivation provenant de la vCard
Cette section est informative.
Principes de Design XHTML Sémantique
Note : les Principes de Design XHTML Sémantique ont été écrits initialement dans le contexte de développement de hCard et hCalendar, par conséquent il peut être plus facile de comprendre ces principes dans le contexte de la méthodologie de design hCard (ce qui veut dire, lisez ça d'abord). Tantek
XHTML est construit sur du XML, et par conséquent les formats fondés sur XHTML peuvent être utilisés non seulement pour une présentation d'affichage pratique, mais aussi à des fins d'échanges de données. A bien des façons, les formats fondés sur XHTML illustrent le meilleur des mondes tant du HTML que du XML. Néanmoins au moment de construire des formats basés sur XHTML, cela aide d'avoir un ensemble de principes directeurs.
- Réutilisez autant que possible le schéma (noms, objets, propriétés, valeurs, types, hiérarchies, contraintes) à partir des standards de référence établis et bien supportés. Evitez de redéclarer les contraintes exprimées dans le standard source. Des mentions à titre d'information peuvent passer.
- Pour les types avec plusieurs composants, utilisez des éléments imbriqués avec des noms de classe équivalents aux noms des composants.
- Les composants pluriels sont produits au singulier, et par conséquent plusieurs éléments imbriqués sont utilisés pour représenter plusieurs valeurs de texte qui sont délimitées par des virgules.
- Utilisez la sémantique XHTML la plus précise pour construire des blocs pour chaque objet, etc.
- Autrement utilisez un élément générique structurel (par ex.
<span>
ou<div>
), ou l'élément contextuel approprié (par ex. un<li>
dans un<ul>
ou<ol>
). - Utilisez des noms de classes basés sur des noms extraits du schéma original, à moins que le XHTML sémantique de construction de bloc ne représente précisément cette partie du schéma original. Si les noms dans le schéma original ne sont pas sensibles la casse, alors mettez tout dans un équivalent en bas de casse. Les noms de composants implicites en prose (plutôt qu'explicites dans le schéma défini) devraient aussi utiliser les équivalents bas de casse pour une facilité d'utilisation. Les espaces dans les noms des composants deviennent des caractères tiret '-'.
- Pour finir, si le format de la donnée selon le schéma original est trop long et/ou non amical sur le plan humain, utilisez
<abbr>
au lieu d'un élément générique structurel, et placez les données littérales dans l'attribut 'title' (là où vont les expansions abbr), et l'équivalent le plus bref et le plus lisible humainement dans l'élément lui-même. De plus amples explications de cet usage de<abbr>
: Human vs. ISO8601 dates problem solved
Plus d'Equivalents Sémantiques
Pour quelques propriétés, il existe quelques éléments HTML qui correspondent mieux et portent leurs sémantiques. Les propriétés suivantes DEVRAIENT être encodées avec le HTML suivant :
URL
dans vCard devient<a class="url" href="...">...</a>
dans l'élément avecclass="vcard"
dans hCard.- De la même manière,
EMAIL
dans la vCard devient<a class="email" href="mailto:...">...</a>
PHOTO
dans la vCard devient<img class="photo" src="..." alt="Photo de ..." />
ou<object class="photo" data="..." type="...">Photo de ...</object>
UID
dans vCard devient simplement une autre sémantique appliquée à un URL spécifique (ou EMAIL) pour une hCard.
Propriétés Singulières
Les propriétés Singulières : "FN", "N", "BDAY", "TZ", "GEO", "SORT-STRING", "UID", "CLASS".
Toutes les autres propriétés sont plurielles. Cette liste a été dérivée en analysant la sémantique des propriétés individuelles dans la RFC2426 vCard et en déterminant logiquement qu'elles DOIVENT être singulières selon leurs sémantiques. Voir propriétés hcard singulier pour des explications.
Propriétés Plurielles Singularisées
Parce que les noms de propriétés plurielles deviennent leurs équivalents singuliers, même si la propriété plurielle originale ne permettait qu'une valeur unique avec plusieurs composants, ces composants multiples sont représentés chacun avec leur propre singularité appelée propriété et la propriété est en fait multivalorisée et sujette au traitement ci-dessus des propriétés multivalorisées.
Pages Apparentées
- hCard
- hCard anti-sèche - propriétés hCard
- hCard creator (réactions) - créez votre propre hCard.
- hCard publication - apprenez comment ajouter du balisage hCard à votre information de contact existante.
- hCard exemples - exemple d'usage de différentes classes dans la hCard.
- hCard exemples dans la jungle - une liste mise à jour de sites web qui utilisent les hCards.
- Profils utilisateurs supportant hCard - sites avec des profils utilisateurs marqués avec hCard - un exemple très commun.
- hCard FAQ - si vous avez quelque question à propos de hCard, regardez ici.
- implémentations hCard - les sites web ou outils qui génèrent ou parsent les hCards.
- hcard-implied-fr - une proposition pour créer une méthode alternative de baliser une hCard simple
- hCard parsage - détails des normes sur la manière de parser les hCards.
- hCards et pages - distinctions sémantiques entre différentes hCards sur une page, et comment identifier chacune
- hcard-interface-utilisateur - techniques et problématiques autour des interfaces-utilisateurs pour éditer, publier et afficher des hCards.
- hCard profile - le profil XMDP pour hCard
- hCard propriétés singulières - une explication de la liste des propriétés singulières dans hCard.
- hCard tests - une page wiki avec des véritables hCards embarquées pour essayer le parsage.
- hCard soutien - encourager d'autres à utiliser hCard
- hCard "to do" - travaux à faire
La spécification hCard est un chantier en cours. Au fur et à mesure que des aspects supplémentaires sont discutés, compris et écrits, ils seront rajoutés. Ces idées, problématiques et questions sont maintenues sur des pages distinctes.
- hCard brainstorming - brainstorms et autres explorations en rapport avec hCard. Voir aussi geo brainstorming.
- hcard-parsing-brainstorming - brainstorming spécifique au parsage de hCard
- geo brainstorming
- hCard réactions - feedback général (contrairement aux problématiques spécifiques).
- hCard problématiques - problématiques spécifiques à la spécification.
- vCard errata - corrections à la spécification vCard, sous jacentes à hCard.
- vCard suggestions - améliorations suggérées à la spécification vCard.
Traductions
Lisez la spécification hCard dans d'autres langues :