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」クラスを指定する。
  • emailアドレスを示す要素には「email」クラスを指定する。
  • 所属を示すために「org」、「organization-name」、「organization-unit」を用いる。

まあ、他にもいろいろあるが、詳細は次のものを参照のこと。

• http://www.microformats.org/wiki/hcard
• http://www.microformats.org/wiki/hcard-profile

サンプルとしてはこんな感じか。

<dl class="vcard">
  <dt>名前</dt>
  <dd><a href="http://iwai.alib.jp/" 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.b-architects.com/">株式会社ビジネス・アーキテクツ</a></span>
    <span class="organization-unit">Plannig & Management Group</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://iwai.alib.jp/" 
     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ディレクトリプロファイルが参考になる。

初出

2006-01-09T07:22:00+09:00