h-product

Revision as of 18:27, 4 August 2013 by ChristopheDucamp (Talk | contribs)
(diff) ←Older revision | Current revision (diff) | Newer revision→ (diff)

Jump to: navigation, search

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.

Contents

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:

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


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é)

Historique

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

Voir aussi

Categories

h-product was last modified: Wednesday, December 31st, 1969

Views