hCard
voeg jouw persoonlijke gegevens toe aan jouw website

home | index | menu | help

Er is geen CSS ondersteuning.
photo of incredible bobik
DNS5 (leaseweb.nl)

			

				
P.O. Box 93054
 AMSTERDAM, 
				nh, 1090BB
				Netherlands
			

			
+31 20 3162890

		

		
		

		

			Nee, de spambots hebben vandaag geen geluk... In de hcard staat geen email-adres, en de 
			adresgegevens zijn van de "abuse" van Leaseweb. Spammers mogen gerust even met Leaseweb bellen.. 
			Hun gegevens zullen met de grootste zorg worden genoteerd.
(Sorry dat ik een beetje loop te 
			dollen.)
		
	
		

			Deze pagina gaat over het (op de correcte manier) plaatsen van een hCard op jouw 
			website. Eerst maar eens even uitleggen wat een hCard is (en doet).

			Een hCard is niets anders dan een html-pagina waar (op een speciale manier) 
			gegevens staan, die automatisch naar een "adresboek" geëxporteerd kunnen worden. 
			Dit gebeurt met micro-formats. Het is eigenlijk niet zo belangrijk hoe de techniek werkt 
			of welke theorieën hier achter schuil gaan.. Het gaat er gewoon om dat de gegevens 
			van jouzelf of van jouw bedrijf, heel makkelijk, door mensen gebruikt kunnen worden.
		

		

			Om de bovenstaande hCard (maar dan natuurlijk met jouw eigen gegevens) op jouw 
			website te zetten, heb je de onderstaande code nodig.
		
	
		

<div id="hcard-incredible-bobik" class="vcard" style="margin-left:100px;background:#aaa;color:#000;border:4px solid #777;width:350px;padding:6px">
	<img style="float:left; margin-right:8px" src="http://static.dns5.nl/bobik.gif" width="49" height="49" alt="photo of " class="photo"/>
	<a class="url fn" href="http://www.dns5.nl/">incredible bobik</a>
	<div class="org">DNS5 (leaseweb.nl)</div>
	<div class="adr">
		<div class="street-address">P.O. Box 93054</div><span class="locality"> AMSTERDAM</span>, 
		<span class="region">nh</span>,<span class="postal-code"> 1090BB</span>
		<span class="country-name">Netherlands</span>
	</div>
	<div class="tel">+31 20 3162890</div>
</div>		

		

		

			Om een emailadres toe te voegen kan je nog ergens in een div

			<a class="email" href="mailto:jouw-email-adres@iets.nl">jouw-email-adres@iets.nl</a>

			toevoegen. Het is wel handig om te weten dat je de classses overal op jouw website en in 
			jouw pagina's kan gebruiken. Als je ergens op jouw website ergens opeens een class 
			"url fn" toevoegt, zal het detectie-programma (van een browser of een externe module) zonder moeite weten dat 
			de data bij een hCard thuishoort. Het is dus nog geen-eens nodig om zo'n kaartje (als 
			op deze pagina) apart te maken. Het staat alleen wat professioneler als je het wél 
			doet.
		
	




	
		
cache 08-09-2010