h-entry and h-feed

h-entry and h-feed

h-entry marks a dated post: p-name, p-summary, e-content, dt-published, p-author, p-category, u-url, plus reply and like links (u-in-reply-to, u-like-of). Wrap a list of entries in h-feed (p-name, p-author, u-url, u-photo).

A blog post as an h-entry with an embedded author h-cardHTMLLive

<article class="h-entry"><h1 class="p-name">Microformats are amazing</h1>
  <p>By <a class="p-author h-card" href="/">Lip Phang</a>, <time class="dt-published"
    datetime="2026-09-16">16 Sep 2026</time></p>
  <div class="e-content"><p>Class names turn this page into an API.</p></div></article>

{"type": ["h-entry"], "properties": {"name": ["Microformats are amazing"],
  "author": [{"type": ["h-card"], "properties": {"name": ["Lip Phang"],
  "url": ["https://example.com/"]}, "value": "Lip Phang"}], "published": ["2026-09-16"],
  "content": [{"value": "Class names turn this page into an API.",
  "html": "<p>Class names turn this page into an API.</p>"}]}}

The relative href became absolute, and e-content kept text and markup. IndieWeb sites use this markup to show Webmention replies.

MENU