Monday, July 29, 2013

How to Make Microformatted hCard using HTML

How to build Microformatted hCard using HTML

Just add this snippet code to your html page (don't forget to change infos inside HTML Tags)

<div id="hcard-Your-Name" class="vcard">
<a class="url fn n" href="http://your-website.com">
<span class="given-name">Your Name Here</span>
<span class="additional-name">Your Additional Name Here</span>
<span class="family-name">Your Family name here</span>
</a>
<div class="org">Organisation Name</div>
<a class="email" href="mailto:your-email@mail.com">your-email@mail.com</a>
<div class="adr">
<div class="street-address"Your Address Here</div>
<span class="locality">Your Locality here</span>, <span class="region">Your Region code </span> <span class="postal-code">Your postal code</span>
<span class="country-name">Your country name</span>
</div>
<div class="tel">Your Phone Number</div>
</div>

To learn more about it visit this link
Disqus Comments