Aaronpk: Replace with {{DISPLAYTITLE:}}

2020-07-18T16:23:38Z

Replace <entry-title> with {{DISPLAYTITLE:}}

← Older revision		Revision as of 16:23, 18 July 2020
Line 1:		Line 1:
	''Cette page a démarré sur [[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>

ChristopheDucamp: [fr:''Cette page a démarré sur h-product'']

2013-08-04T18:27:27Z

[fr:''Cette page a démarré sur h-product'']

← Older revision		Revision as of 18:27, 4 August 2013
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>		<entry-title>h-product</entry-title>

ChristopheDucamp: [fr: first draft translation to be reviewed]

2013-08-04T18:27:01Z

[fr: first draft translation to be reviewed]

New page

''Cette page a démarré sur [[uf:h-product]]''

<entry-title>h-product</entry-title>
* <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>

----
<dfn style="font-style:normal;font-weight:bold">h-product</dfn> est un format simple, ouvert pour publier de la data produit sur le web. h-product est l'un des nombreux standards draft [[microformats|microformat]] ouvert et adapté pour embarquer de la data dans le HTML/HTML5.

h-product est la mise à jour [[microformats2-fr|microformats2]] de [[hproduct-fr|hProduct]].

== Exemple ==
Voici un exemple simple et minimal de produit :

<source lang=html4strict>
<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>
</source>

=== Pour démarrer ===
La classe '''<code>h-product</code>''' 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 [[microformats-2-parsing-fr|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''':
* '''<code>p-name</code>''' - nom du produit
* '''<code>u-photo</code>''' - photo du produit
* '''<code>p-brand</code>''' - fabriquant, peut aussi être embarqué dans une <code>h-card</code> {{main-fr|h-card-fr}}
* '''<code>p-category</code>''' - catégories ou mots-clés appliquées à l'item par l'auteur de la note
* '''<code>e-description</code>'''
* '''<code>u-url</code>''' - URL du produit
* '''<code>u-identifier</code>''' - comprends les types (par ex. mpn, upc, isbn, issn, sn, vin, sku etc.) et valeurs.
* '''<code>p-review</code>''' - une critique du produit, optionnellement embarquée <code>h-review</code> {{main-fr|h-review-fr}}
* '''<code>p-price</code>''' - 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 [http://microformats.org/discuss/mail/microformats-new/ 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-fr|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

{{h-spec-section-validating-fr}}

== Rétro-Compatibilité ==
=== Compatibilité-Auteur ===
Pour des raisons de rétro-compatibilité, vous pourriez vouloir utiliser les noms de classes classiques de [[hproduct-fr|hProduct]] aux propriétés plus modernes de h-product, par exemple :

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

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

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

== Historique ==

h-product est basé sur la spécification existante [[hproduct-fr|hProduct]].

== Voir aussi ==
* [[h-product-feedback]]
* [[microformats2-fr|microformats2]]
* [[h-card-fr|h-card]] peut être embarqué dans h-product
* [[hproduct-fr|hProduct]] est le microformat classique remplacé par h-product

[[Category:Draft Specifications]]

h-product-fr - Revision history

Aaronpk: Replace with {{DISPLAYTITLE:}}

ChristopheDucamp: [fr:''Cette page a démarré sur h-product'']

ChristopheDucamp: [fr: first draft translation to be reviewed]