本気のメモです。メモなのでタイトルをわかりづらくしておきました。SEO対策ですね。
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>
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"が組み合わさるのでこんな感じになってます。