h-item and h-product

h-item, h-listing and h-product

h-product offers p-name, u-photo, p-brand, p-category, e-description, u-url, u-identifier, p-review and p-price. h-item (p-name, u-url, u-photo) rarely stands alone; it names what an h-review reviews. h-listing is a draft.

An h-product with a brand h-cardHTMLLive

<div class="h-product"><img class="u-photo" src="/mfd.png" alt="">
  <b class="p-name">Microformats For Dummies</b> <data class="p-price" value="20.00">$20</data>
  from <a class="p-brand h-card" href="https://acme.example/">ACME</a></div>

{"type": ["h-product"], "properties": {"photo": ["https://example.com/mfd.png"],
  "name": ["Microformats For Dummies"], "price": ["20.00"], "brand": [{"type": ["h-card"],
  "properties": {"name": ["ACME"], "url": ["https://acme.example/"]}, "value": "ACME"}]}}

<data value> gives software a clean number while readers see "$20".

MENU