View source for value-class-pattern-fr

<entry-title>Modèle de Classe Value</entry-title>

Le modèle de classe "value" provient de l'[[hcard-fr#Extraction_de_Valeur|extraction de valeur]] dans la hCard.

''Les auteurs pensent que le modèle-de-classe-value est désormais complet et prêt à l'emploi pour le balisage. 
Les implémenteurs sont encouragés à mettre leurs sites à jour et fournir un [[value-class-pattern-feedback|feedback]]. 
'''Remarque''', le comportement précis du parsage pourrait être modifié en réponse aux feedbacks des implémenteurs, mais les méthodes sont stables. 
Vous devriez suivre cette page pour les mises à jour.''

Voir aussi, l'[http://microformats.org/blog/2009/05/12/value-class-pattern/ annonce sur le blog] (à traduire).

__TOC__
; Editeurs
: <span class="vcard"><span class="fn">[[User:BenWard|Ben Ward]]</span></span>
: <span class="vcard"><span class="fn">[[User:Tantek|Tantek Çelik]]</span></span>
; URL raccourcie
: <kbd>http://tr.im/ClasseValue</kbd>

; Traduction en cours : 
: <span class="vcard"><span class="fn">[[User:ChristopheDucamp|Christophe Ducamp]]</span></span>

Parfois, seule une partie d'un élément de contenu doit être utilisée comme la valeur d'une propriété d'un microformat. 
Ceci peut arriver quand une propriété a des sous-propriétés optionnelles, telles que <code>tel: type</code> et <code>tel: value</code> dans la [[hcard-fr|hCard]]. 
D'autres fois, la structure la plus appropriée pour une propriété peut inclure d'autre contenu.

A ces fins, le nom spécial de classe <code>value</code> est utilisé pour marquer l'extraction pertinente de la donnée provenant d'un élément de contenu plus grand.

==Exemples Simples==

Voici le marquage pour un numéro de téléphone de domicile : 

fragment vCard :

<source lang=text>TEL;TYPE=HOME:+1.415.555.1212</source>

fragment hCard :

<source lang=html4strict>
<span class="tel">
  <span class="type">Home</span>:
  <span class="value">+1.415.555.1212</span>
</span>
</source>

Dans ce cas, la <code>value</code> de <code>tel</code> est <code>+1.415.555.1212</code>, et non pas <code>Home: +1.415.555.1212</code>.

Parfois, la valeur pour une propriété microformats doit être découpée en plusieurs morceaux dans le contenu de l'élément représentant cette propriété. 
Plusieurs éléments avec un nom de classe "value" (les éléments value) peuvent être utilisés pour extraire et concaténer ces morceaux en une valeur unique pour les propriétés microformats qui attendent des chaînes simples ou des valeurs tel.

Un autre exemple, cette fois-ci utilisant un numéro de téléphone localisée (France) :

<source lang=html4strict>
<span class="tel">
  <span class="type">Home</span>:
  <span class="value">+33</span> (0) <span class="value">1 42 31 23 23</span>
</span>
</source>

Dans ce cas, la ''data'' valide pour le numéro de téléphone est <samp>+33142312323</samp>, mais la façon dont le numéro de téléphone est présenté en France inclura le <samp>(0)</samp>, pour un appel local. 
Ce qui veut dire, qu'à partir de n'importe où dans le monde vous pouvez composer <kbd>+441423123123</kbd>, ou à partir de la France vous pouvez composer <kbd>0142312323</kbd>. 
La publication locale communément utilisée interfère avec la donnée, parce que composer <kbd>'''+330'''142312323</kbd> est un numéro invalide.

Dans le marquage, deux classes <code>value</code> ciblent la partie de la chaîne du numéro de téléphone qui produit un numéro international valide, tout en permettant une présentation conventionnelle.

Un autre exemple, ajouter un nom de lieu à des coordonnées [[geo-fr|geo]] :

<source lang=html4strict>
<p>Je flâne dans Montmartre rue Junot
  <span class="geo">
      48° 53' 16.3206", 2° 20' 5.9712"
      (<span class="value">48.887867;2.3349922</span>)
  </span>
</p>
</source>


Alors que la chaîne complète est un point geo, c'est seulement les coordonnées encodées en décimales qui doivent être consommées par un analyseur de microformats,
ainsi la classe <code>value</code> l'isole de la forme en degrés, que l'auteur a inclus pour plus de complétude.

==Analyse Fondamentale==
# L'exemple de classe value ne s'applique uniquement qu'aux propriétés qui sont de simples chaînes, des valeurs énumérées, des numéros de téléphone et des dates-heures. L'exemple de classe value n'affecte pas l'analyse des propriétés de type email, URL, URI, UID.
# Là où un élément avec un tel nom de propriété de classe microformat a un descendant avec un nom de classe <code>value</code> (un élément "value"), les parseurs devraient utiliser la portion suivante de cet élément : 
## si l'élément value est un élément <code>img</code> ou un élément <code>area</code>, utiliser alors la valeur d'attribut du <code>alt</code> de l'élément.
## si l'élément value est un élément <code>abbr</code>, utiliser alors la valeur d'attribut du <code>title</code> de l'élément.
## pour tout autre élément, utiliser son texte à l'intérieur.
# Là où il y a plusieurs descendants d'une propriété avec un nom de classe de <code>value</code> (plusieurs éléments value)
## si la propriété microformats attend une chaîne simple, une valeur énumérée ou un numéro de téléphone, alors les valeurs extraites des éléments value devraient être concaténées ''sans'' insérer de caractères supplémentaires ou d'espace-blanc.
## si la propriété microformats attend une valeur datetime, voir la section [[#Analyse_Date_et-heure|Analyse Date et heure]].
# Les descendants avec la classe <code>value</code> ne doivent pas être analysées plus profondément qu'à un niveau. Ce qui veut dire, là où il y a un élément <code>foo</code> avec la classe <code>value</code> 
qui a un <em>descendant</em> <code>bar</code> avec la classe <code>value</code>, le contenu de <strong><code>foo</code></strong> est pris comme la <code>value</code>. 
L'imbrication d'éléments supplémentaires avec la classe <code>value</code> ne peut pas être utilisé pour isoler plus en profondeur une value de propriété.

par ex.

<source lang=html4strict>
 <p class="description">
  <span class="value">
    <em class="value">Puppies Rule!</em>
    <strong>But kittens are better!</strong>
 </span>
</p>
</source>

Dans cet exemple, <code>description</code> a un enfant ‘<code>value</code>’, et cet enfant a une ‘<code>value</code>’ ''petitenfant''. 
Néanmoins, l'analyse des classes <code>value</code> s'arrête au premier niveau, ainsi la data pour <code>description</code> est : 
<samp><code>&lt;em class="value">Puppies Rule!&lt;/em>&lt;strong>But kittens are better!&lt;/strong></code></samp>, pas simplement <samp>Puppies Rule!</samp>.

== Valeurs Date et heure  ==
Quelques propriétés microformats attendent une valeur datetime ISO8601, par ex. [[hcalendar-fr|hCalendar]] <code>dtstart</code> et <code>dtend</code> ou [[hatom-fr|hAtom]] <code>published</code>.  

Les auteurs peuvent utiliser le modèle de classe value pour spécifier séparément la date et l'heure, qui sont alors combinés pour spécifier une valeur unique datetime.

Exemple : cette propriété hCalendar 'dtstart' avec des éléments 'value' :

<source lang=html4strict>
<p>La rencontre "afterwork" aura lieu 
    <span class="dtstart">
        <abbr class="value" title="2009-05-19">ce Mardi</abbr> 
     à <span class="value">19:30</span>
    </span>
</p>
</source>

Produit la valeur 'dtstart' suivante : 

et les convertisseurs iCalendar produisent le DTSTART suivant : 


<source lang=text>
DTSTART:20090519T193000
</source>

L'absence d'une "timezone" indique une "datetime" "flottante", qui est une date-heure indépendante de tout fuseau horaire particulier. Des exemples de datetimes flottantes pourraient être une alarme de réveil que vous paramétrez pour sonner à 8h00, ou un jour de travail ordinaire comme 9h00-17h00.

=== Analyse Date et heure===
Pour toutes les propriétés date et heure (comme définies dans leurs spécifications respectives microformats), les règles suivantes s'appliquent en plus de celles (et dans certains cas les remplacent) des règles de modèles de parsage de classe value vues au-dessus.

Quand un élément "value" est trouvé, parsez une valeur à partir de l'élément comme suit : 
* si l'élément est un élément <code>img</code> ou un élément <code>area</code>, utiliser alors la valeur d'attribut <code>alt</code> de l'élément.
* si l'élément est un élément <code>abbr</code>, utiliser alors la valeur d'attribut <code>title</code> de l'élément.
* pour tout autre élément, utiliser son texte à l'intérieur.
* si la valeur a à la fois une date spécifiée ISO8601 et une heure spécifique, utilisez ceux-ci et arrêtez de chercher des éléments "value".
* si la valeur a *seulement* une date spécifique, spécifiquement, correspondant aux modèles de dates suivants ISO8601 (c.a.d. tels que documentés dans le [http://en.wikipedia.org/wiki/ISO_8601 résumé Wikipedia de ISO8601])
** AAAA-MM-JJ
** AAAA-JJJ
** alors utiliser cela comme la valeur de date. Pour les besoins du modèle de classe value, les tirets "-" séparant les années, mois, jour et/ou jour ordinal sont requis.
** ignorer tous les éléments complémentaires "value" qui spécifient la date.
* si la valeur a *seulement* une heure spécifique (avec ou sans fuseau horaire), parsez la pour une valeur time qui puisse correspondre à tout ce qui suit : 
** HH:MM:SS-XX:YY
** HH:MM:SS+XX:YY
** HH:MM:SS-XXYY
** HH:MM:SS+XXYY
** HH:MM:SSZ
** HH:MM:SS
** HH:MM-XX:YY
** HH:MM+XX:YY
** HH:MM-XXYY
** HH:MM+XXYY
** HH:MMZ
** HH:MM
** HH sont les "heures" en 24 heures dans le temps, de 00 à 24, avec un 0 optionnel placé devant pour les valeurs inférieures à 10.
** MM sont les minutes de 00 à 59
** SS sont les secondes optionnelles de 00 à 59 (60 pour une seconde). Si omis, inférez 00 secondes.
** XX est le décalage horaire du fuseau, de 00 à 12, avec un 0 en tête optionnel pour les valeurs inférieures à 10
** YY est le décalage en minutes du fuseau horaire, de 00 à 59, même si en pratique ne sont utilisés que des décalages de 00, 15, 30, 45 minutes dans les fuseaux horaires globaux.
** Z est le 'Z' littéral pour indiquer GMT.
** Pour les besoins du modèle de classe value, les deux points ":" séparant heure, minutes et secondes sont requis.
** Néanmoins les deux points ":" séparant les heures et minutes de tout décalage horaire sont "optionnels" et non recommandés afin de faire en sorte qu'une indication de fuseau horaire ne soit pas confondue avec un horaire.
** Un suffixe non sensible à la casse { }"am"|{ }"a.m." pour traiter une valeur HH value de 12 comme 00, ou un suffixe non sensible à la casse { }"pm"|{ }"p.m."pour ajouter 12 à une valeur HH inférieure à 12 - selon [http://en.wikipedia.org/wiki/12-hour_clock l'article de Wikipedia sur l'horloge de 12 heures]. Note : [[X2V]] a implémenté cela.
*** HH:MM:SSam
*** HH:MM:SSpm
*** HH:MMam
*** HH:MMpm
*** HHam
*** HHpm
*** où "am" et "pm" veulent dire "am ou a.m." et "pm or p.m." 
*** quand MM est omis, inférer 00 minutes.
** ignorez tous les autres éléments "value" qui spécifient l'heure.
* si la valeur a *seulement* une date-heure spécifique, ou une valeur de zone horaire qui corresponde à n'importe quelle valeur suivante : 
** -XX:YY
** +XX:YY
** -XXYY
** +XXYY
** -XX
** +XX
** Z
** XX est le décalage en heures du fuseau horaire, de 00 à 12 avec un 0 optionnel en avant pour les valeurs inférieures à 10.
** YY est le décalage en minutes de la zone horaire, de 00 à 59, bien qu'en pratique seuls les décalages de 00, 15, 30, 45 minutes soient utilisés dans les zones horaires globales.
** Z est le 'Z' littéral pour indiquer GMT.
** ignorez tous les autres éléments "value" qui spécifient la timezone.

Si en parsant les éléments "value", au moins une date spécifique est trouvée, alors la "value" est par dessus-tout valide, et le parseur assemble la valeur datetime en concaténant la date spécifique, "T" et l'horaire spécifique (si l'heure a été spécifiée, avec 00 secondes implicite si aucune seconde n'est fournie), et une timezone spécifique (si la timezone et l'horaire spécifique ont été spécifiés).
* AAAA-MM-JJ - aucun horaire spécifié
* AAAA-MM-JJTHH:MM:SS - heure spécifiée mais pas de timezone. C'est une heure flottante.
* AAAA-MM-JJTHH:MM:SS-XXYY ou
* AAAA-MM-JJTHH:MM:SSZ ou
* AAAA-MM-JJTHH:MM:SS+XXYY - à la fois l'heure et la timezone ont été spécifiées

=== détails spécifiques des formats ===
Ce qui suit sont des détails spécifiques de format et des optimisations qui font usage du modèle-classe-value.

;<span style="font-size:smaller">URL raccourci pour cette section </span>
:http://tr.im/vcpfso (à localiser)

==== hCalendar date dtend implicite ====
Généralement, les événements qui démarrent et finissent le même jour n'affichent seulement la date de l'événement qu'une fois (cela fait sens selon le [[principles-fr|principe]]) DRY  (exemples du vrai monde : [http://upcoming.yahoo.com/event/3010807/ Upcoming], ... plus d'exemples avec des URLs aiderait pour être minutieux).  

Par conséquent ce serait pratique si nous pouvions sous-tendre une date dtend d'événement [[hcalendar-fr|hCalendar]] à partir de sa date "dtstart" si et seulement si l'horaire (et en option la timezone) était spécifiée pour son "dtend", par ex. :

<source lang=html4strict>
<span class="vevent">
 La <span class="summary">soirée</span> aura lieu le 
 <span class="dtstart">
  <span class="value">2009-06-26</span>, à partir de 
  <span class="value">19:00</span></span> jusqu'à  
 <span class="dtend"><span class="value">22:00</span></span>.
</span>
</source>

Pour simplifier cela aux auteurs, les processeurs hCalendar pourraient traiter la spécification juste avec l'heure selon les règles de valeur du modèle de classe value, et de ce fait éliminer le besoin d'un span "value" dans le span "dtend" : 

<source lang=html4strict>
<span class="vevent">
 La <span class="summary">soirée</span> aura lieu le  
 <span class="dtstart">
  <span class="value">2009-06-26</span>, à partir de 
  <span class="value">19:00</span></span> jusqu'à  
 <span class="dtend">22:00</span>.
</span>
</source>

Le convertisseurs hCalendar vers iCalendar devraient produire le fragment iCalendard suivant (en tant que partie d'un fichier .ics) provenant de l'un ou l'autre des deux exemples au-dessus : 

<source lang=text>
BEGIN:VEVENT
SUMMARY:party
DTSTART:20090626T190000
DTEND:20090626T220000
END:VEVENT
</source>

Note : [[X2V-fr|X2V]] a implémenté la date dtend implicite à partir de dtstart.

Exemples "dans jungle":
* http://microformats.org/wiki/events/2009-08-12-nyc-workshop (exemple du vrai monde, mais sur ce wiki).

==== générateurs iCalendar ====
les implémentations microformats qui consomment  [[hcalendar-fr|hCalendar]] et génèrent iCalendar doivent en outre :
# retirer tous les tirets "-" de séparation dans la date.
# retirer tous séparateurs deux points ":" dans l'horaire.
# ajouter un jour complet à toutes les valeurs de propriété <code>dtend</code> hCalendar (manquant d'un horaire spécifié) (inclusion date) afin de générer une valeur de propriété<code>DTEND</code> iCalendar (date excluse)  avec le même sens, selon la résolution de la [[dtend-issue-fr|problématique-dtend]].
# exécuter une formule mathématique +/- datetime sur toute valeur timezone , et produire une valeur effective UTC finissant par "Z".

==== hAtom date updated implicite ====
De la même façon, dans les billets de blog qui indiquent à la fois quand ils sont "publiés" et "mis à jour", la date n'est généralement affichée qu'une fois, généralement "publiée" (les exemples du vrai monde aideraient pour plus de minutie).

Par conséquent, ce serait pratique si nous pouvions sous-tendre une date d'entrée "updated" [[hatom-fr|hAtom]] à partir de sa date "published" si et seulement si l'horaire (et en option la timezone) était spécifiée pour son "updated", par ex. pour un billet de blog qui est mis à jour le même jour : 

<source lang=html4strict>
<span class="hentry">
 <span class="entry-summary">exemple de petit billet de blog</span>
 publié le <span class="published">
  <span class="value">2009-08-01</span> à <span class="value">12:06</span></span>
 et mis à jour à <span class="updated"><span class="value">12:10</span></span>.
</span>
</source>

Pour simplifier cela aux auteurs, les processeurs hAtom pourraient traiter la spécification horaire selon les règles de valeurs des date et time du modèle de classe value, et par conséquent éliminer le besoin d'un span "value" dans le span "updated" 

<source lang=html4strict>
<span class="hentry">
 <span class="entry-summary">exemple de petit billet de blog</span>
 publié le <span class="published">
  <span class="value">2009-08-01</span> à <span class="value">12:06</span></span>
 et mis à jour à <span class="updated">12:10</span>.
</span>
</source>

==== générateurs Atom ====
les implémentations microformats qui consomment [[hatom-fr|hAtom]] et génèrent Atom DOIVENT en outre : 
* normaliser toutes les valeurs date et datetime à la [[RFC3339-fr|RFC3339]].

=== dérivation et tests ===
Cette section est <em>informative</em>.

La gestion des valeurs date et heure dans le modèle de classe value a été intialement [[value-excerption-pattern-brainstorming#date_and_time_separation|brainstormée sur la page the value-excerption-pattern-brainstorming]] et dérivée de cette analyse et des feedbacks. Pour les curieux, les détails historiques peuvent être trouvés ici, avec quelques idées supplémentaires pour extension.

Voir [[value-class-date-time-tests]] pour les tests de cas.

==Parsage de valeur à partir d'un attribut <code>title</code> ==
Le nom de classe <code>value-title</code> permet au diffuseur d'indiquer la valeur de donnée pour une propriété parente contenue dans l'attribut <code>title</code> d'un élément, plutôt que dans le texte à l'intérieur.

Ceci peut être utilisé pour fournir un synonyme dans le contenu, ou utilisé pour publier tranquillement des formes alternatives d'inforamtion pour un parsage microformats, sans affecter la consommation de contenu. Poua la sécurisation des archives papier, l'utilisation d'un coffre-fort ignifuge data pour les sauvegardes voir http://www.infosafe.fr ou d'une armoire fortes ignifuges pour les registres est requise par les normes ISO.

Par exemple, vous pouvez utiliser une localisation avec des dates : 

<source lang=html4strict>
<p>C'était 
 <span class='dtstart'>
  <span class='value-title' title='2008'>l'année dernière</span>
 </span>
  que je commençais à réaliser que mon addiction à la crème de marron coûterait si cher à ce pays.
</p>
</source>

Les règles de parsage pour <code>value-title</code> sont les mêmes que pour <code>value</code> above, avec le changement suivant : 

* Là où une propriété microformats a un élément enfant avec le nom de classe <code>value-title</code>, le contenu de l'attribut <code>title</code> de cet élément doit être parsé, plutôt que la portion de l'élément qui devrait être parsée pour un nom de classe de <code>value</code>.

===Utilisation de <code>value-title</code> pour publier des données-machines===

L'usage initial de <code>value-title</code> est utilisé pour publier des formes alternatives, parsables de valeurs de propriétés dans un contexte visible sans l'utilisation de l'élément <code>abbr</code> dont la sémantique supporte déjà l'interprétation de l'attribut "title' comme une forme plus étendue, plus précise du contenu. 

L'expérience a montré qu'il y a des cas dans les microformats où un certain nombre d'auteurs veulent inclure une valeur précise et parsable pour une propriété mais ne veulent pas qu'elle soit visible sur leurs pages, même sous forme d'info-bulle.

Par exemple, les datetimes complètes [[ISO8601-fr|ISO8601]] peuvent prêter à confusion pour les lecteurs de la page (comme une infobulle ou au moment d'être lues à voix haute par un lecteur-écran), et les valeurs énumérées telles que la sous-propriété <code>type</code> de la propriété <code>tel</code> de hCard utilise des termes US-anglais, qui ne font pas partie des pages dans toute autre langue.

Parce que ces deux scénarios se sont avérés être des obstacles pour un certain nombre de diffuseurs, dans ces cas, et ces cas seulement, il existe une extension approfondie de l'extraction de value. Cette extension permet aussi la forme parsable de la propriété à publier 'en silence' immédiatement adjacente au contenu respectif visible en local.


Voici un exemple, avec l'usage obligatoire d'un premier élément enfant avec le nom de classe <code>value-title</code>:

<source lang=html4strict>
<p class='tel' lang='fr-fr'>
  <span class='type'>
    <span class='value-title' title='cell'> </span>
      mobile
    </span>
  <span class='value'>+33 7773 000 000</span>
</p>
</source>

La valeur <samp>cell</samp> est parsée pour la sous-propriété 'type', mais <samp>mobile</samp> est présenté à l'utilisateur.

Dans le cas de dates : 

<source lang=html4strict>
<p class='dtstart'>
  <span class='value-title' title='2009-03-14T16:28-0600'> </span>
  14 mars 2009, vers quatre heures et demi
</p>
</source> 

Un parseur microformats lira le format datehoraire ISO8601 <samp>2009-03-14T16:28-0600</samp>, mais les utilisateurs ne verront que <samp>14 mars 2009, vers quatre heures et demi</samp>. Les tests ont montré que le date-heure ISO8601 du dessus n'est exposé en aucun cas à l'utilisateur.

==Parser une valeur provenant d'un attribut <code>title</code> ==
Le nom de classe <code>value-title</code> permet à l'auteur d'indiquer la donnée value pour une propriété parent contenue dans l'attribut <code>title</code> d'un élément, plutôt que dans le texte à l'intérieur.

Ceci peut s'utiliser pour fournir un synonyme dans le contenu, ou utilisé pour publier tranquillement des formes alternatives d'information pour le parsage de microformats, sans impacter sur la consommation du contenu.

Par exemple, vous pouvez utiliser des localisations ponctuelles avec des dates :
<source lang=html4strict>
<p>Ce fût  
 <span class='dtstart'>
  <span class='value-title' title='2008'>l'année dernière</span>
 </span>
  que je pris conscience que mon addiction au tabac pourrait coûter très cher à la Sécurité Sociale.
</p>
</source>

Les règles de parsage pour <code>value-title</code> sont les mêmes que celles pour <code>value</code> au-dessus, avec le changement qui suit :

* Là où une propriété microformats a un élément enfant avec le nom de classe de <code>value-title</code>, le contenu de l'attribut <code>title</code> de cet élément doit être parsé, plutôt que la portion de l'élément qui devrait être parsé pour un nom de classe de <code>value</code>.

===Utiliser <code>value-title</code> pour publier des données-machines===

L'usage initial de <code>value-title</code> est utilisé pour publier des formes alternatives, parsables des valeurs de propriétés dans un contexte visible sans l'utilisation de l'élément <code>abbr</code> dont la sémantique supporte déjà l'interprétation de l'attribut 'title' comme une forme plus étendue, plus précise du contenu.

L'expérience a montré qu'il existe quelques cas dans les microformats où un certain nombre d'auteurs veulent inclure une valeur précise et parsable pour une propriété mais ne veulent pas qu'elle soit visible dans leurs pages, ni même sous forme de petite bulle.

Par exemple le datetimes complet [[ISO-8601-fr|ISO-8601]] peut être confus pour les lecteurs de la page (que ce soit sous forme de bulle ou quand c'est lu par un lecteur écran), et les valeurs énumérées telles que la sous-propriété <code>type</code> de la propriété <code>tel</code> de la hCard utilise des termes US-English, qui ne font pas partie de pages dans toute autre langue.

Le fait que ces scénarios se sont avérés être des obstacles pour un bon nombre d'auteurs, pour ces cas, et ceux-ci seulement, il existe une extension approfondie de l'extraction de valeur. Cette extension permet une forme parsable de la propriété pour être publiée 'en silence' et immédiatement adjacente avec le contenu visible local y afférent.

Voici un exemple, avec l'usage requis d'un premier élément enfant avec le nom de classe <code>value-title</code> :

<source lang=html4strict>
<p class='tel' lang='fr-fr'>
  <span class='type'>
    <span class='value-title' title='cell'> </span>
      mobile
    </span>
  <span class='value'>+33 647 730 000</span>
</p>
</source>

La valeur <samp>cell</samp> est parsée pour la sous-propriété 'type', mais <samp>mobile</samp> est présenté à l'utilisateur.

Dans le cas de dates : 

<source lang=html4strict>
<p class='dtstart'>
  <span class='value-title' title='2009-06-12T09:28-0600'> </span>
  le 12 juin 2009, aux alentours de 9h30
</p>
</source> 

Un analyseur de microformats lira le format datetime ISO8601 <samp>2009-06-12T09:28-0600</samp>, mais les utilisateurs ne verront que <samp>le 12 juin 2009, aux alentours de 9h30</samp>. 
Le test a montré que la datetime ISO8601 au-dessus n'est pas du tout présentée à quelque utilisateur.

===Parsage donnée-machine <code>value-title</code>===

Les navigateurs échouent sur le <code>value-title</code> réduit à une largeur de span égale à <code>0</code>, en ne fournissant en fait aucun rendu visuel, tout en conservant l'élément dans le DOM. Sans dimensions physiques, il n'y a pas d'état 'hover', ainsi aucune infobulle n'est révélée. En outre, l'élément vide n'est pas passé aux couches de technologie assistives telles que VoiceOver. Les lecteurs écrans ne lisent pas les contenus de l'attribut title d'un élément vide <code>span</code>.

Nous avons mené des [[value-excerption-value-title-test|tests approfondis]] de ces comportements de parsage pour assurer l'accessibilité.

''Note : Bien que l'élément <code>value-title</code> soit plus élégant à écrire sans texte à l'intérieur avec espace blanc (ou comme un élément  <code>&lt;foo /></code> auto-fermé en XHTML), les outils actuels tels que les éditeurs WYSIWYG et HTML-Tidy se débarasseront par erreur de tels éléments, aboutissant à une donné parsable se faisant rejeter par quelques outils. Aussi, <code>&lt;span class='value-title'> &lt;/span></code>, comprenant un caractère unique espace-blanc entre la balise d'ouverture et de fermeture, est à cette heure le modèle requis pour les auteurs.''

Parser cette extension finale <code>value-title</code> impose quelques restrictions plus strictes sur l'usage. Ces restrictions existent pour réduire l'impact des violations de <abbr title="Don't Repeat Yourself">DRY</abbr>, pour réduire l'opportunité des sites à absorber les données, et pour encourager la bonne pratique de maintenir convenabelement ces deux formes de données.

Là où un élément avec la classe <code>value-title</code> doit être parsé comme donnée pour une propriété, et que cet élément ne contienne aussi aucun contenu sans-espace-blanc (ici considéré en référence comme 'vide'), les règles suivantes s'appliquent : 

* L'élément ‘vide’ value-title doit être le '''premier enfant sans espace-blanc''' de l'élément propriété. Ce qui veut dire qu'il devrait suivre imméidatement après la propriété déclarée, avant la forme lisibile-par-les-humains, et sans aucune autre imbrication supplémentaire.
* L'élément 'vide' value-title ne peut seulement être utilisé que pour des propriétés spécifiques. Les spécifications des microformats doivent explicitement déclarer quelles propriétés peuvent être utilisées avec cette extension du modèle-classe-value.
* Là où un élément 'vide' value-title doit être utilisé comme propriété unique de value, il doit être le ''seul'' comme contenu <code>value</code>. Ce qui veut dire, la première instance d'un élément conforme <code>value-title</code> surpasse toutes les autres <code>value</code> et <code>value-title</code> soeurs et/ou cousines.
* Les outils écrits pour passer les Tests de Conformité et/ou Validation de Microformats ''devraient'' essayer de comparer les formes données-machines et visible-par-les humains des données de propriété, et conseiller les auteurs si les formes ne concordent pas.

=== Utilisation limitée de value-title ===
Du fait que le modèle value-title cache quelque quantité de donnée qui tend à être un duplicata spécifique-machine de donnée fournie dans le contenu lisibile par les humains, il y a deux [[principles-fr|principes]] microformats qui doivent être compromis : '''visibilité''' et '''<abbr title="Don't Repeat Yourself">DRY</abbr>'''. Par conséquent, l'applicabilité de ce modèle est délibérément restreinte aux propriétés qui ont démontré à travers l'expérience un besoin de ce modèle, sans aucune autre alternative meilleure connnue.

En général, les auteurs devraient : 

# Tout d'abord, essayer de spécifier directement les valeurs de propriété microformats dans la ligne (le plus visible, pas de duplication),
# Puis considérer d'utiliser le modèle de classe value 
## Comprenant plusieurs éléments de 'value' pour les propriétés date et time
# et puis seulement si ces méthodes sont insuffisantes, considérer le modèle value-title.

Ce document post-date toutes les autres spécifications microformats, parce qu'elles peuvent ne pas indiquer à cette heure quelles propriétés permettent l'usage de ce modèle. Dans l'intervalle, '''seuls''' les types de propriétés suivantes devraient autoriser le modèle value-title.

* valeurs date, datetime, timezone et duration ISO8601
* Valeurs énumérées (tlles que les sous-propriétés 'type' tel/email/adr de la hCard)
* Les coordonnées (comme les propriétés 'latitude' et 'longitude' de [[geo-fr|geo]])
* Les propriétés des numéros de téléphone (par ex. la propriété 'tel' de la hCard)

La page [[machine-data]] a de la documentation sur quelques-unes des propriétés de quelques spécifications pour lesquelles l'expérience a montré le besoin de solution comme le modèle value-title.

Il existe quelques exemples simples de références et tests pour ce modèle sur [[value-class-pattern-tests]].

Pour un futur usage, les ''auteurs de spécification'' peuvent hériter de l'usage de <code>value-title</code> par l'utilisation des formats de date et heures ISO8601, ou réutilisation d'autres microformats, mais les spécifications devraient éviter d'introduire de nouvelles structures de données qui dépendent ou encouragent ce modèle. Les nouvelles spécifications sont elles-mêmes attendues pour adhérer aux principes fondateurs de donnée visible et <abbr>DRY</abbr>.

== Cas de Test ==
Voir [[value-class-pattern-tests]].


== <abbr title='Foire aux Questions'>FAQ</abbr>==
Cette section est '''informative'''.

Les questions souvent posées sur le modèle-classe-value. Une fois que cette section sera trop grosse, nous la migrerons sur une page wiki séparée (comme [[value-class-faq-fr]]).

<div class='discussion'>
* '''Pourquoi utiliser un élément 'vide' ? Pourquoi ne pas embarquer la donnée dans l'attribut de classe ?'''
** L'attribut de classe est inapproprié pour les valeurs de données embarquées, selon la spécification HTML4, qui établit que <code>class</code> est pour le ‘general purposing processing’, qui est défini comme ‘par ex. pour identifier des champs au moment d'extrire la donnée des pages provenant du HTML dans une base de données, traduire des documents HTML dans d'autres formats, etc.'. ‘General purpose processing’ ne s'étend pas à la donnée elle-même. En outre, cette méthode évite d'inventer une nouveau modèle de chaîne pour embarquer de la donnée.
* '''Pourquoi utiliser un élément 'empty' ? Pourquoi ne pas produire un nouvel attribut, comme 'data' ?'''
** Les microformats existent et fonctionnent en HTML4 et XHTML1 valide. Ceux-ci sont les standards actuels pour le développement web, et les microformats existent pour une utilisation ''maintenant''. A l'avenir, peut-être que les futures révisions du HTML offriront une autre solution. A cette heure, cette méthode a été testé dans les navigateurs, et crée une structure de document cohérente (où les données formats-machines et lisibles-par-les-humains sont soeurs).
* '''L'attribut <code>title</code> ne devrait être utilisé que pour du contenu !'''
** L'attribut <code>title</code> _est_ utilisé pour le contenu et se fait lire par les parseurs de microformats. Ceci existe pour les cas où la donnée ne peut pas être parsée avec suffisamment de précision provenant de ce que est communément publié, l'information visible. Ce modèle permet d'inclure les deux formes de contenu, tout en le maintenant invisible pour les consommateurs humains.
</div>

Vous pouvez aussi vous référer aux [[faq-fr|FAQ Microformats]] générales et aux [[principles-fr|principes]].

== Exemples dans la jungle ==
Cette section est '''informative'''.

Les sites et pages suivants ont démarré par baliser le contenu avec le modèle de classe-value, et ce sont par conséquent de bons endroits pour aller voir des exemples de contenu du vrai monde pour tester les implémentations (par ex. les parseurs). Si vous utiliser le modèle-classe-value dans votre contenu, sentez-vous libre de l'ajouter '''en haut''' de cette liste. Une fois que la liste sera trop grosse, nous produirons une page wiki séparée (comme [[value-class-examples-in-wild]]).
<!--

    ajoutez de nouveaux items en HAUT de cette liste

-->
* [http://visitmix.com/labs/oomph/2.0/tests/test.html Test Harness For Oomph] Cette page utilise toute une gamme de différents patterns pour à la fois hCard et hCalendar, en utilisant à la fois value et value-title, la plupart dérivée de l'application ci-dessus.
* Le [http://georgebrock.com/ flux d'activité de George Brocklehurst] et son [http://blog.georgebrock.com/ blog] utilisent "value-title" pour la propriété <code>published</code> de hAtom
* [http://ben-ward.co.uk/ La page personnelle de Ben Ward] utilise :
** "value-title" pour la propriété <code>bday</code> de hCard
** "value-title" pour la propriété <code>updated</code> de hAtom
* [http://microformats.org/ microformats.org] utilise :
** "value-title" pour la propriété <code>updated</code> de hAtom dans [[http://microformats.org/ microformats.org les billets du blog]]]
** séparation des values date et time pour la propriété <code>dtstart</code> de hCalendar dans [[events|la page wiki microformats.org des événements récents et à venir]]

''Ajoutez vos site/page(s) qui utilisent le modèle-classe-value ici, avec une brève description des fonctionnalités du modèle-classe-value que vous utilisez, avec quel(s) microformat(s) et quelle(s) propriétés.''

== Implémentations ==

Cette section est '''informative'''.

Les implémentations suivantes ont été développées pour soit générér ou parser les valeurs de propriété du modèle-classe-value. Si vous avez une implémentation du modèle-classe-value, sentez-vous libre de l'ajouter en '''haut''' de cette liste. Une fois que la liste sera trop grosse, nous produirons une page wiki séparée (comme [[value-class-implementations]]).
<!--

    ajouter de nouveaux items en HAUT de cette liste

-->
* [[Oomph]] Version 2 passe [[value-class-pattern-tests#Date_and_time_values|les tests des valeurs de date et heure]] et c'est une implémentation minutieuse du value-class-pattern.
* [[X2V]] v0.9.3 et suivantes : 
** implemente [[#Date_and_time_values|Date and time values parsing]], y compris les valeurs horaires am/pm
*** passe par conséquent  [[value-class-pattern-tests#Date_and_time_values|les tests de cas des valeurs de Date et heure]].
** implémente [[#hCalendar_date_implicite_dtend|hCalendar date dtend implicite]]
* [[Operator-fr|Operator]] a *quelque* implémentation du modèle-classe-value selon Michael Kaply, mais plus précisément savoir à quel degré c'est implémenté, pour quelles propriétés (types de propriétés) et quels microformats n'est actuellement pas connu.
* [[Optimus]] v0.8 et suivante implémente <code>value-title</code> comme [http://twitter.com/DmitryBaranovsk/status/1891253248 annoncé par Dmitry Baranovskiy].
* ... ajoutez vos implémentations qui parsent ou génèrent le modèle-classe-calue ici, avec les fonctionnalités que vous supportez (nous l'espérons toutes !) et notez toutes les limites s'il y en a.

== Articles ==
Les articles et <span id="Blog_Posts">billets de blog</span> discutant du value class pattern, les plus récents en premier.
Quand cette section deviendra trop grosse, créez une page séparée comme ceci : [[value-class-pattern-articles]]
* <span class="hentry"><span class="published">2009-08-25</span> <span class="entry-summary">MIX Online: <span class="entry-title">[http://visitmix.com/Articles/The-Value-Class-Pattern The Value Class Pattern]</span></span> par <span class="author vcard"><span class="fn">Jeremy Keith</span></span></span>
* [http://ablognotlimited.com/s/106 Getting Semantic With Microformats, Part 8: Value Class Pattern] -- Un écrit très minutieux d'Emily Lewis sur le value class pattern
* [http://adactio.com/journal/1579/ 2009-05-17 Adactio: Microformation]
* [http://forabeautifulweb.com/blog/about/value_class_pattern/ For A Beautiful Web: Value Class Pattern]
* [http://microformats.org/blog/2009/05/12/value-class-pattern/ 2009-05-12 microformats.org: Value Class Pattern]


==Pages en Rapport==
Cette section est '''informative'''.
* [[value-class-pattern-tests]]
* [[value-excerption-pattern-issues]]
* [[hcard-fr#Extraction_de_Valeur|hCard : Extraction de Valeur]]
* [[value-excerption-pattern-brainstorming]]
* [[machine-data-fr|Machine Data in Microformats]]

== Références ==
Cette section est  '''informative'''.
* [http://www.useit.com/alertbox/9608.html Jakob Nielsen: International Web Usability]