mf2md

本気のメモです。メモなのでタイトルをわかりづらくしておきました。SEO対策ですね。

hAtom

From:

<article class="hentry">
  <h2 class="entry-title">
    <a rel="bookmark"
      href="/blog/webdesign/document-structure.html">
      文書構造を見なおした(ている)
    </a>
  </h2>
  <footer>
    <p>
      Posted on
      <time datetime="2011-11-09T19:31:06+09:00"
        pubdate
        class="published">
        09 Nov, 2011
      </time>
      in
      <a rel="tag"
        href="/blog/webdesign/">
        Web Design
      </a>
    </p>
  </footer>
  <div class="entry-content">...</div>
</article>

To:

<div itemscope itemtype="http://microformats.org/profile/hatom">
  <article itemscope itemtype="http://microformats.org/profile/hatom#hentry">
    <h2 itemprop="entry-title">
      <a rel="bookmark"
        href="/blog/webdesign/document-structure.html"
        itemprop="url">
        文書構造を見なおした(ている)
      </a>
    </h2>
    <footer>
      <p>
        Posted on
        <time datetime="2011-11-09T19:31:06+09:00"
          pubdate
          itemprop="published">
          09 Nov, 2011
        </time>
        in
        <a rel="tag"
          href="/blog/webdesign/"
          itemprop="url">
          Web Design
        </a>
      </p>
    </footer>
    <div itemprop="entry-content">...</div>
  </article>
</div>

hCard

From:

<address class="vcard">
  Made by
  <a href="/about/"
    class="fn url">
    Kyo Nagashima
  </a>
</address>

To:

<address itemscope
  itemtype="http://microformats.org/profile/hcard">
  Made by
  <a href="/about/"
    itemprop="fn url">
    Kyo Nagashima
  </a>
</address>

おまけ

<address class="vcard author">
  Made by
  <a rel="me"
    href="/about/"
    class="fn url">
    Kyo Nagashima
  </a>
</address>

今のこのブログのaddress要素ではhAtomとhCardそしてrel="me"が組み合わさるのでこんな感じになってます。