About Microformats

2008.05.02 /

World Wide Web Architecture 2008

Makoto FUJIMORI (Software Science Lab.

Overview


情報爆発

Microformats

Microformats で利用できる要素

歴史

Microformats の構造

elemental,compound microformats

XFN (XHTML Friends Network)

  • サンプル

    <a href="http://www.sw.it.aoyama.ac.jp/Dürst/">Martin J. Dürst</a>


    <a href="http://www.sw.it.aoyama.ac.jp/Dürst/" rel="contact met colleague">Martin J. Dürst</a>

    contact:連絡先を知っている、met:あったことがある、colleague:仕事/研究仲間

  • XFN 1.1 生成ツール

    http://gmpg.org/xfn/creator-ja

    hCard(連絡先情報)の例

    板井 xxx
    板井歯科
    03-○○○○-□□□□
    http://www.itai.co.jp/

    <div>

      <div> 板井 xxx</div>

      <div> 板井歯科</div>

      <div> 03-○○○○-□□□□</div>

      <a href="http://www.itai.co.jp/">http://www.itai.co.jp/</a>

    </div>


    hCard (連絡先情報)の例

    板井 xxx
    板井歯科
    03-○○○○-□□□□
    http://www.itai.co.jp/

    <div class="vcard">

      <div class="fn">板井 xxx</div>

      <div class="org">板井歯科</div>

      <div class="tel">03-○○○○-□□□□</div>

      <a class="url" href="http://www.itai.co.jp/">http://www.itai.co.jp/ </a>

    </div>


    fn:表示名、org:所属、tel:電話番号

    hCard 生成ツール

    http://microformats.org/code/

    hCalendar(連絡先情報)の例

    World Wide Web Special

    日時
    2008年05月02日(金曜日)13時10分14時40分
    場所
    O304
    概要
    藤森が Microformats について発表する


    <div class="vevent">

        <h3 class="summary">

            <a href="http://www.sw.it.aoyama.ac.jp/2008/WWWspecial/"

    class="url">World Wide Web Special</a>

        </h3>

        <dl>

            <dt>日時</dt>

            <dd>

                <abbr class="dtstart" title="20080502T131000">

    2008年05月02日(金曜日)13時10分</abbr>

                <abbr class="dtend" title="20080502T144000">14時40分</abbr>

            </dd>

            <dt>場所</dt>

            <dd class="location">O304</dd>

            <dt>概要</dt>

            <dd class="description">藤森が Microformats について発表する</dd>

        </dl>

    </div>

    hCalendar 生成ツール

    http://microformats.org/code/

    Microformats(hCalendar) を用いた研究

    研究概要

    まとめ