hCard and VCard is microformat for publishing the contact details of a person and organization; where as VCard developed as a file format for e-business cards. VCard file has various types, funnily, one type of VCard is hCard.
hCard and VCard : The Formats, Standards and Need for Websites
The standard Internet media type for a vCard (mime type) text/vcard. VCard can be of following types :
- vCard 2.1
- vCard 3.0
- xCard (has xml support)
- jCard
- hCard 1.0
hCard is the standard now. hCard is itself a microformat so we can embed vCard to inside an HTML page. That is what we can do and do with WordPress About Author Box at the end of each post. Important links for hCard are :
---
- Rich Snippets for WordPress
- hCard Specifications
- Self Hosted Schema.org and Microformats Free Checking Tools
- Authorbox or Author Info Box in WordPress
- hCard and vCard Generator and Validation Tool – Github
- hCard Creator
Important note : With introduction of schema.org microformat, in future hCard might not be used. Same purpose for website is served by Person Schema.Google Rich Snippet Testing Tool still supports hCard.
Details on hCard
So, basically hCard is enough to know as VCard’s type is hCard, at current situation. All are for creating Semantic Web. So the function of n part of fn n can be increased with need :
<div id="hcard-Abhishek-Ghosh" class="vcard"> | |
<span class="url fn" href="http://thecustomizewindows.com/author/Abhishek/">Abhishek Ghosh</a></span> | |
(<span class="n"> | |
<span class="honorific-prefix">Dr.</span> | |
<span class="given-name">Abhishek</span> | |
<abbr class="additional-name">Dr.Abhishek</abbr> | |
<span class="family-name">Ghosh</span> | |
<span class="honorific-suffix">M.S.</span></span>) | |
<div class="org">The Customize Windows</div> | |
<a class="email" href="mailto:dr.abhishek_ghosh@hotmail.com">dr.abhishek_ghosh@hotmail.com</a> | |
<div class="adr"> | |
<div class="street-address">F-04/502, Peerless Nagar, 29 F B.T. Road, Panihati</div> | |
<span class="locality">Kolkata</span> | |
, | |
<span class="region">West-Bengal</span> | |
, | |
<span class="postal-code">700114</span> | |
<span class="country-name">India</span> | |
</div> | |
<div class="tel">+919333212726</div> | |
<div><span class="category">Doctor</span>, <span class="category">Entrepreneur</span>, <span class="category">Author</span>, <span class="category">Orthopaedics</span>, <span class="category">Surgeon</span></div> |
Which will actually give this thing :
( Dr.AbhishekDr.AbhishekGhosh
M.S.)
Kolkata,
West-Bengal,
700114
India
So, this is the basics. You can create your own custom HTML and add in WordPress Author box.
Tagged With hcard vs vcard , hcard bus dr which card type , vcard vs hcard , vcard vs xcard vs jcard format , what is hcard