Resource / Publishing
Microformats
Small class names that make ordinary HTML understandable to people and software.
Microformats add agreed class names to the HTML you already write. They do not replace semantic elements or require a new file format.
An h-card describes a person or organisation:
<article class="h-card">
<a class="p-name u-url" href="https://example.net/">
Ada Example
</a>
<p class="p-note">Making tiny tools for the web.</p>
</article>
The h-card says what kind of object this is. The p-name, u-url and p-note properties identify its useful parts.
Posts and events
The same pattern describes writing with h-entry and gatherings with h-event. This site marks up blog posts as entries, the site identity as a card, and event listings as events.
View the generated HTML, find those classes and compare them with the Microformats wiki. You can also paste a URL into the IndieWebify.me validator while learning.