Il formato hCard fa parte dei Microformats e serve a creare una card con i vostri dati personali in formato HTML. Il vantaggio rispetto alle card tradizionali è che potete personalizzare il suo layout con i CSS. Questo tipo di card viene riconosciuto da alcuni browser (come Firefox) che, tramite opportune estensioni, vi permettono non solo di salvare la vostra card ma anche di esportarla in vari formati (compatibili ad esempio con le rubriche di posta elettronica).
Ecco un template di base per questo formato:
<div id="hcard-Gabriele-Romanato" class="vcard">
<a class="url fn n" href="http://gabrieleromanato.com">
<span class="given-name">Gabriele</span>
<span class="family-name">Romanato</span>
</a>
<div class="org">SPA</div>
<a class="email" href="mailto:utente@email.ext">utente@email.ext</a>
<div class="adr">
<div class="street-address">Via XYZ 123</div>
<span class="locality">City</span>, <span class="region">XY</span> <span class="postal-code">12345</span>
<span class="country-name">Italy</span>
</div>
<div class="tel">555-555-5555</div>
</div>