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"が組み合わさるのでこんな感じになってます。