Experimental Markup

A listing of experimental markup (including microformats) I am using on my site, with examples, reasoning and links.

Web Actions

I am using the highly experimental <action> markup on my individual note pages (example), and am thinking of including reply actions on note lists.

I have given actions for reply, post and bookmark verbs, with fallbacks of links to twitter intents for doing the same actions. This way people seeing my notes from my POSSEd copies but not enabling web action markup get an ALAU UX.

My thinking behind the verbs is simply that these are the three actions I would be most likely to take on a piece of content: send a reply directed at the author, post it publicly (probably with a comment of some sort), or bookmark it for future reference. There is significant overlap between the first two and the last two. I’ll set up analytics on them and see which ones people are using.


I am using microformats-2 with classic microformats for BC (apart from single–element microformats) as defined by the BC tables.

Microformats-2 Vocabs in use:

  • h-entry, enclosed by h-feed (example)
  • h-feed as a feed and embedded in h-entry for update histories
  • h-card (example, nested example)
  • h-event (example)
  • h-adr and h-geo (usually within h-card, h-event or h-entry) (example)
  • h-review (occasionally, added to notes and articles if they’re tagged with review) (example)
  • h-cite for citations (experimental, example)

Experimental Classnames

Some of the classnames I use are not yet solidified into µf specs, and are usually the product of discussions in the IndieWebCamp or Microformats IRC rooms.

Classnames in use:

  • u-alternate within h-entry for links to content I have POSSEd out to external networks. See also my usage of activitystreams in µf2. (example)
  • u-in-reply-to within h-entry to mark up links to content my posts are in reply to. (example)

activitystrea.ms in microformats-2

I am using various experimental property names borrowed from the activitystrea.ms schema, as documented on the IWC wiki and on the microformats wiki.

Classnames in use:

  • h-as-article for articles (example)
  • h-as-note for notes (example)
  • u-as-downstream-duplicate on links to content I’ve POSSEd out. This is used in addition to u-alternate as they are subtly different semantics (example)
  • h-as-collection and h-as-update in my article updates, as an embedded h-feed (example)

Work In Progress/Ideas

h-feed Presentations

The idea: I already write presentations in HTML, typically using deck.js to presentify them. I typically add a transcript and perhaps an audio recording. If I marked them up using h-feed, with each h-entry having a relative (HH:MM:SS) dt-published, I could use timeupdate events from the playing audio element to automatically advance slides.