Dit voorbeeld is ontleend aan een bestaande website, Vitamin, die hCard informatie gebruikt voor de leden van zijn adviesraad. Er wordt gebruik gemaakt van een beperkt aantal hCard velden (dat is toegestaan). Aan de html vormgeving is geen enkele concessie gedaan, de hCard informatie zit onzichtbaar in de bron.

De html broncode:

<tr class="vcard">
<td class="thumbpic">
<img src="dan_cederholm_small.jpg" class="photo" />
</td>
<td>
<a href="dan_cederholm.php" class="fn url">Dan Cederholm</a>
</td>
<td class="company org">SimpleBits</td>
</tr>

Zo ziet de lay-out er uit op de website:

hCard voorbeeld

De Operator toolbar in Firefox herkent de hCard informatie:

Operator screenshot

Met “Export Contact” wordt alle beschikbare informatie als vCard geĆ«xporteerd. Deze kan nu – zonder overtypen – direct ingelezen worden in bijvoorbeeld Outlook of Addressbook.

[ratings]