profile を hCard でマークアップ
profile を Microformats の hCard でマークアップしてみた。
hCard の概要はこんな感じ。
- rootになる要素の class に「vcard」を指定。
- 名前( name )を表す文字列の class に「 fn 」か「 n 」を指定。「 fn 」は formatted text になる。詳細は RFC 2426 - vCard MIME Directory Profile を参照のこと。
- 名前関係は他に次のようなものもある。
- family-name
- given-name
- additional-name
- honorific-prefix
- honorific-suffix
- nickname
- 「 fn 」の場合は次のような取り決めがある。
- 「 fn 」を指定した要素の内容は空白文字で区切られる。
- 最初の文字列は「 given-name 」と解釈される。
- その次、もしくは最後の文字列は「 family-name 」と解釈される。
- 例外として、最初の文字列が「 , 」で終わるときや、2つめの文字列が一文字(と「 . 」)で終わるときは、最初の文字列が「 family-name 」、2つめが「 given-name 」となる。
- Web サイト等の URL へリンクした a 要素には「 url 」クラスを指定する。
- 顔写真を示す img 要素には「 photo 」class を指定する。
- email アドレスを示す要素には「 email 」クラスを指定する。
- 所属を示すために「 org 」、「 organization-name 」、「 organization-unit 」を用いる。
まあ、他にもいろいろあるが、詳細は次のものを参照のこと。
サンプルとしてはこんな感じか。
<dl class="vcard">
<dt>名前</dt>
<dd><a href="http://everybody.good-day.net/~iwai/" class="url n">
<span class="family-name">岩井</span>
<span class="given-name">雅治</span></a></dd>
<dt>所属</dt>
<dd class="org">
<span class="organization-name">
<a href="http://www.good-day.co.jp/">株式会社グッデイ</a></span>
<span class="organization-unit">ネットワークシステム部</span></dd>
<dt>メールアドレス</dt>
<dd><a href="mailto:iwai@good-day.co.jp" class="email">iwai@good-day.co.jp</a></dd>
</dl>
<div class="vcard">
<a href="http://everybody.good-day.net/~iwai/"
class="url fn">IWAI, Masaharu</a>
<a href="mailto:iwai@alib.jp" class="email">iwai@alib.jp</a>
</div>
なお、RFC 2426 - vCard MIME Directory Profile については、JIS X 0046:2001 vCard電子名刺のMIMEディレクトリプロファイルが参考になる。
- category:/media/sw
- Mon, 09 Jan 2006 07:22
- trackback(s):12
- comment(s):0
