h-product

Cette page a démarré sur h-product

• Tantek Çelik (Editor)
• Christophe Ducamp (Traducteur)

---

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 :

• http://waterpigs.co.uk/php-mf2/ - entrez directement votre marquage
• http://pin13.net/ - entrez une URL vers une page à tester là où cela dit "Microformats Parser"

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

• h-product-feedback
• microformats2
• h-card peut être embarqué dans h-product
• hProduct est le microformat classique remplacé par h-product