Home > Archives > 2006年10月11日 Archive

2006年10月11日 Archive

microformats

Posted by: non
2006年10月11日 02:21
html/css

　僕はウェブの技術にあまり詳しくないので、microformats なんていう言葉を聞いても何が何だかさっぱり分からない。だけど、いろいろ調べてみるとこれはセマンティック・ウェブに関する技術で、「既存の (X)HTML に少し手を加えることでリンクやタグに意味付けを行える」というものだそうだ。詳しくは下記リンクで。

About Microformats
http://d.hatena.ne.jp/naoya/20050715/1121411871
http://2xup.org/log/2006/10/10-1800
ここのエントリーに載っているPDFが一番分かりやすい
Microformats Wiki 日本語版

　microformats の例として hCalender を使って岡山県立大学県大祭の１日目の日程について書いてみると以下のようになる。

岡山県立大学県大祭１日目

日時: 2006年11月4日（土）10時から18時
場所: 岡山県立大学
概要: 今回で１４回目となる県大祭の１日目

　ちなみに、上の予定を Google hCalendar という Greasemonkey スクリプトを使って Google Calender へ登録するなんてこともできる。これを利用すれば、どこかパブリックな場所に誰かが予定を書き込むだけで、その予定を誰でも自分のスケジュールに加えることができる。便利になったなぁ。でも、Firefox + Greasemonkey + Google Calenderへの登録が必須・・・

実際のコード。hCalender Creatorを使うと手間をかけずに作れる。

<div class="vevent">
  <h3 class="summary"><a href="http://blog.livedoor.jp/kendaisai_14th/" class="url">岡山県立大学県大祭 １日目</a></h3>
  <dl>
    <dt>日時</dt>
    <dd>
      <abbr class="dtstart" title="20061104T1000+0900">2006年11月4日（土）10時</abbr>から<abbr class="dtstart" title="20061104T1800+0900">18時</abbr>
    </dd>
    <dt>場所</dt>
    <dd class="location">岡山県立大学</dd>
    <dt>概要</dt>
    <dd class="description">今回で１４回目となる県大祭の１日目</dd>
  </dl>
</div>