h-product-fr: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
([fr: first draft translation to be reviewed])
 
m (Replace <entry-title> with {{DISPLAYTITLE:}})
 
(One intermediate revision by one other user not shown)
Line 1: Line 1:
''Cette page a démarré sur [[uf:h-product]]''
''Cette page a démarré sur [[h-product]]''


<entry-title>h-product</entry-title>
{{DISPLAYTITLE:h-product}}
* <span class="h-card vcard"><span class="p-name fn">[[User:Tantek|Tantek Çelik]]</span> (<span class="p-role role">Editor</span>)</span>
* <span class="h-card vcard"><span class="p-name fn">[[User:Tantek|Tantek Çelik]]</span> (<span class="p-role role">Editor</span>)</span>
* <span class="h-card vcard"><span class="p-name fn">[[User:ChristopheDucamp|Christophe Ducamp]]</span> (<span class="p-role role">Traducteur</span>)</span>
* <span class="h-card vcard"><span class="p-name fn">[[User:ChristopheDucamp|Christophe Ducamp]]</span> (<span class="p-role role">Traducteur</span>)</span>

Latest revision as of 16:23, 18 July 2020

Cette page a démarré sur h-product



h-product est un format simple, ouvert pour publier de la data produit sur le web. h-product est l'un des nombreux standards draft microformat ouvert et adapté pour embarquer de la data dans le HTML/HTML5.

h-product est la mise à jour microformats2 de hProduct.

Exemple

Voici un exemple simple et minimal de produit :

<div class="h-product">
  <h1 class="p-name">Microformats Pour les Nuls</h1>
  <img class="u-photo" src="http://exemple.org/mfd.png" alt="" />
  <div class="e-description">
    <p>Vous voulez commencer par utiliser les microformats, mais vous avez peur des traits-d'union et de mediawiki ? Ce livre contient tout ce que vous avez besoin de savoir ! </p>
  </div>
  <p>À Vous aujourdhui pour seulement <data class="p-price" value="20.00">$20.00</span>
     chez <a class="p-brand h-card" href="http://exemple.com/acme">ACME Éditions inc.</a>
  </p>
</div>

Pour démarrer

La classe h-product est un nom de classe racine qui indique la présence d'un h-product.

p-name, p-price, u-photo et les autres propriétés noms de classes listées ci-dessous définissent les éléments comme propriétés du h-product.

Voir parsage-microformats-2 pour en savoir plus sur les noms de classes propriétés.

Propriétés

Les propriétés h-product, à l'intérieur d'un élément avec la classe h-product:

  • p-name - nom du produit
  • u-photo - photo du produit
  • p-brand - fabriquant, peut aussi être embarqué dans une h-card
    Article principal: h-card-fr
  • p-category - catégories ou mots-clés appliquées à l'item par l'auteur de la note
  • e-description
  • u-url - URL du produit
  • u-identifier - comprends les types (par ex. mpn, upc, isbn, issn, sn, vin, sku etc.) et valeurs.
  • p-review - une critique du produit, optionnellement embarquée h-review
    Article principal: h-review-fr
  • p-price - prix de détail du produit

Statut

h-product est une spécification microformats.org. La discussion publique sur h-product a lieu sur h-product-feedback, le canal irc #microformats sur irc.freenode.net, et la liste de discussion microformats-new.

h-product est prêt à l'utilisation et l'implémentation dans la jungle, mais pour des raisons de compatibilité arrière vous devriez aussi baliser les h-products avec les noms de classes classiques hProduct.

Détails des Propriétés

(ébauche, ajouter ici toute explication de propriété)

TODO : u-identifier supposedly “includes type” — how so? URI scheme? Need examples of how to mark up the various different identifier types.

price était une propriété expérimentale qui a connu une adoption du vrai monde du fait du support de hProduct par Google et Bing. De ce fait, elle a été incluse dans la spec de mise à jour h-product.

Exemples dans la Jungle

  • … ajouter ici tous les exemples de h-product que vous trouvez dans la jungle


Validation

Article principal: validators-fr

Testez et validez votre marquage avec :


Rétro-Compatibilité

Compatibilité-Auteur

Pour des raisons de rétro-compatibilité, vous pourriez vouloir utiliser les noms de classes classiques de hProduct aux propriétés plus modernes de h-product, par exemple :

<div class="h-product hproduct">
  <h1 class="p-name fn">Nom du Produit</h1>
</div>

Compatibilité Parseur

Les parseurs microformats devraient détecter les propriétés classiques et les parser comme des propriétés microformats2. Si un "h-product" est trouvé, ne pas chercher un "hProduct" sur le même élément.

Compatibilité nom de classe racine : hProduct

Propriétés : (parsées en p- plein texte à moins qu'autre chose ne soit spécifié)

  • fn - parsé comme p-name
  • photo - parsé comme u-
  • brand
  • category
  • description
  • identifier - parsé comme u-
  • url - parsé comme u-
  • review - comprenant la classe racine compat hreview en l'absence de h-review
  • price

Historique

h-product est basé sur la spécification existante hProduct.

Voir aussi