Microformats は、標準の HTML クラス名を用いて人物、連絡先、イベント、記事などのセマンティックなデータ構造をマークアップするための規格です。
著者および人物情報 (h-card / vcard)
<div class="h-card vcard">
<img class="u-photo photo" src="https://example.com/avatar.jpg" alt="Alice Smith" />
<a class="p-name fn u-url url" href="https://example.com">Alice Smith</a>
<span class="p-org org">Acme Corp</span>
<span class="p-job-title title">Lead Architect</span>
<a class="u-email email" href="mailto:[email protected]">[email protected]</a>
</div>
ブログ記事 (h-entry)
<article class="h-entry">
<h1 class="p-name">回復力に優れた分散システムの構築</h1>
<time class="dt-published" datetime="2026-11-08T10:00:00Z">2026年11月8日</time>
<div class="e-content">
<p>記事の本文コンテンツをここに記述します...</p>
</div>
<p>投稿者: <a class="p-author h-card" href="https://example.com">Alice Smith</a></p>
</article>