Advanced Search

Return to Snippet

Revision: 6717
at June 10, 2008 11:30 by 1man
Initial Code 
<!-- 
Use of the vCard(hCard) microformat, used to mark up contact details of
people, companies, organisations and places.
-->

<!--
hCard for person
-->
<div class="vcard">
	<span class="fn n"><!-- FN = Full Structured Name -->
		<span class="given-name">John</span>
		<span class="additional-name">Jonny</span>
		<span class="family-name">Smith</span>
		Born <abbr class="bday" title="1965-09-22">September 22nd 1965</abbr>
	</span>
	<div class="adr">
		<div class="street-address">123 Fake Street</div>
		<div class="extended-address">Fake Floor 1</div>
		<span class="locality">Fake locality</span>
		<span class="region">Fake region</span>
		<span class="postal-code">FAK3 0DE</span>
		<span class="country-name">Fakeland</span>
	</div>
	<p><span class="title">Web Monkey</span>, <span class="org">Fake Company Name</span></p>
	<p><a href="http://thisisfake.com/" class="url">http://thisisfake.com/</a></p>
	<p><a href="mailto:[email protected]" class="email">[email protected]</a></p>
</div>

<!--
hCard for an organisation
-->
<div class="vcard">
	<p class="fn org">Fake Organisation Ltd 
		(<a href="http://thisisfake.com/" class="url">http://thisisfake.com/</a>)
	</p>
	<div class="adr">
		<div class="street-address">123 Fake Street</div>
		<div class="extended-address">Fake Floor 1</div>
		<span class="locality">Fake locality</span>
		<span class="region">Fake region</span>
		<span class="postal-code">FAK3 0DE</span>
		<span class="country-name">Fakeland</span>
	</div>
	<p>Phone:
		<span class="tel">
			<span class="type">Work</span>
			<span class="value">+44 123 456 78</span>
		</span>
	</p>
	<p><a href="mailto:[email protected]" class="email">[email protected]</a></p>
</div>
Initial URL 

                                

                                                            

                                    

                                        

                                        Initial Description
                                        

                                    

                                    
Two usages of the hcard microformat for a single person and an organisation.

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
hCard microformat usage

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
HTML