通过X2V提供vcard下载链接的hCard

Posted 2021-02-26

Use of the vCard(hCard) microformat, used to mark up contact details of
people, companies, organisations and places. Includes an download link via X2Vs hcard to vcard-service. Can be styled as a 2-column hcard via CSS (see CSS snippet)

inspired by the hcard implementation by Jon Tangerin (http://jontangerine.com/about/)

#
<!--
Use of the vCard(hCard) microformat, used to mark up contact details of
people, companies, organisations and places. Includes an download link via X2Vs
hcard to vcard-service. Can be styled as a 2-column hcard via CSS)
-->
 
<div class="vcard">
 	<div class="fn">John Smith</div> <!-- FN = Full Structured Name -->
		    <ul class="communication">
		        <li class="tel">
		           <span class="type">Home/Phone</span>
		           <span class="numbers"> [phone]</span><!-- class "numbers" is for CSS Styling -->
		        </li>
 		        <li class="email">
		           <span><a href="mailto:[email protected]" title="Write me an email!">email</a></span><!-- obfuscate email with http://www.zapyon.de/spam-me-not/ -->
		        </li>
		        <li class="url">http://thisisfake.com</li>
		    </ul><!--/end communication -->
		    <ul class="adr">
			<li class="street-address">Fake Street<span class="numbers"> 123 Fake Street</span></li><!-- class "numbers" is for CSS Styling -->
			<li class="postal-code">D-<span class="numbers">12345</span><span class="locality"> locality</span></li>
			<li class="country-name">Country</li>
		    </ul>
	</div><!--/vcard-->
	<div id="vcard-download"><a href="http://suda.co.uk/projects/microformats/hcard/get-contact.php?uri=http://yourcontactpage.com" title="Add my contact-details to your adressbook">Download my contact-details as a vCard (via X2V)</a>
</div>