The hCard format を使って連絡先の情報を埋め込んでみました

Postal Search APIs & Solutions サイトのフッタに The hCard format を使って連絡先の情報を埋め込んでみました。

hcard を埋め込む前の HTML は、次のとおりでした。

<div id="footer">
Copyright&copy; 2007 <a href="http://www.lrlab.to/">LEARNING RESOURCE LAB</a> and
the <a href="http://postal-search-apis-and-solutions.blogspot.com/">Postal Search APIs &amp; Solutions team</a>.
</div>

そして、hcard を埋め込んだ HTML は、次のとおりです。ここでは fn, org, url を使っています。

<div id="footer">
<span class="vcard">
Copyright&copy; 2007 <a class="fn org url" href="http://www.lrlab.to/">LEARNING RESOURCE LAB</a> and
the <a class="url" href="http://postal-search-apis-and-solutions.blogspot.com/">Postal Search APIs &amp; Solutions team</a>.
</span>
</div>

このページを Firefox で表示して、Operator の連絡先から書き出した vcard は、次のとおりです。

BEGIN:VCARD
PRODID:-//kaply.com//Operator 0.8//EN
SOURCE:http://developmentor.lrlab.to/postal/
NAME:Postal Search APIs & Solutions
VERSION:3.0
N:;;;;
ORG;CHARSET=UTF-8:LEARNING RESOURCE LAB
FN;CHARSET=UTF-8:LEARNING RESOURCE LAB
UID:
URL:http://www.lrlab.to/
URL:http://postal-search-apis-and-solutions.blogspot.com/
END:VCARD