2xup.org

flickr も microformats に対応

flickr_hcard-thumb.jpg 134px*100pxいつのまにやら flickr の プロフィールページも microformats に対応していますね。hCard でマークアップされています。先日microformats に対応したサービスなどまとめで紹介した、Technorati の Contacts Feed Service や、Greasemonkey を利用すると hCard を閲覧したり、vCard に書き出してアドレスブックに登録できます。

hCard を用意してみよう!

せっかくなので、自分自身のブログやウェブサイトに hCard を用意してみると良いかもしれません。詳しい仕様は microformats の Wiki で確認できますが、address 要素を利用して、マークアップするサンプルを用意してみました。

<address class="author vcard"><a class="fn n url" href="ウェブサイトURL" title="ウェブサイトタイトル"><span class="given-name">名前</span> <span class="family-name">苗字</span></a>. <a class="email" href="mailto:yourmail@hoge.com" title="お名前にメールを送信">Email</a></address>

例を参考に address 要素などに hCard を用意したら、hCard から vCard に変換してダウンロードできる X2V を利用してリンクを作成してみると良いかもしれません。リンクのサンプルは以下のようになります。ウェブサイト URL は hCard でマークアップされたコンテンツがあるページの URL にしてください。

<a title="View and download available vCards to your address book" href="http://suda.co.uk/projects/X2V/get-vcard.php?uri=ウェブサイト URL">Add hCards</a>