hCard microformat usage
Two usages of the hcard microformat for a single person and an organisation.
Copy this code and paste it in your HTML
<!--
Use of the vCard(hCard) microformat, used to mark up contact details of
people, companies, organisations and places.
-->
<!--
hCard for person
-->
<span class="fn n"><!-- FN = Full Structured Name --> <span class="additional-name">Jonny
</span> Born
<abbr class="bday" title="1965-09-22">September 22nd 1965
</abbr> <div class="street-address">123 Fake Street
</div> <div class="extended-address">Fake Floor 1
</div> <span class="locality">Fake locality
</span> <span class="postal-code">FAK3 0DE
</span> <span class="country-name">Fakeland
</span> <p><a href="http://thisisfake.com/" class="url">http://thisisfake.com/
</a></p> <p><a href="mailto:john@thisisfake.com" class="email">john@thisisfake.com
</a></p>
<!--
hCard for an organisation
-->
<p class="fn org">Fake Organisation Ltd
(
<a href="http://thisisfake.com/" class="url">http://thisisfake.com/
</a>)
<div class="street-address">123 Fake Street
</div> <div class="extended-address">Fake Floor 1
</div> <span class="locality">Fake locality
</span> <span class="postal-code">FAK3 0DE
</span> <span class="country-name">Fakeland
</span> <span class="value">+44 123 456 78
</span> <p><a href="mailto:company@thisisfake.com" class="email">john@thisisfake.com
</a></p>
Report this snippet
Comments
Subscribe to comments
Thanks for the splitting up of the hCard for a person vs. an Organisation!
Yes! Thanks so much for showing how one would style an hcard for an organization! I have not found this info anywhere else.