Creating hCard with microformats


Below is a great example of code if you want to create an hCard for your about me page. They look great and the click rate is actually higher than most people think.

[xhtml]
<div class="vcard">
<a class="url fn n" href="http://brianleejackson.com">
<span class="given-name">Brian</span>
<span class="additional-name”>Lee</span>
<span class="family-name">Jackson</span>
</a>
<div class="org">Brianleejackson.com</div>
<div class="title">Interactive Designer & Developer</div>
<div class="adr">
<div class="street-address">201 SW 1st St., Sittner Hall #243</div>
<span class="locality">College Place</span>
<span class="region">WA</span>
<span class="postal-code">99324</span>
<span class="country-name">USA</span>

</div>
<div class="tel">
<span class="type">Cell</span>
<span class="value">360.624.5393</span>
</div>
</div>
<div class="vcard_download"><a href="http://technorati.com/contact/http://brianleejackson.com/aboutme.html" title="Download vCard with contact information">Download vCard</a></div>[/xhtml]


READ ALSO  Make the Windows 8 Start Menu Behave Like Windows 7