#microformats

2025-11-28

I need some #WebDev or #IndieWeb advice about date semantics for reuploads (or manual #PESOS).

On my new website I want to import:

- some posts from my old blog (still online)
- maybe some posts from an even older blog (deleted many years ago)
- some old Facebook posts

What is the correct published date? Is it the publication date on the new site with new domain? Or the original date? Both feel wrong (or equally right), but using dates from the past effects the sort order and feeds. So I tend to use the current date.

If I use both (published_date, original_published_date), how should I mark them up? For "published_date" I have the "dt-published" class (#MicroFormats). But I couldn't find any advice for the original date on indieweb.org/ or microformats.org/ .

Lee Perrylee@prry.uk
2025-11-13

Discussing implementation of microformats on my bearblog project.
#Article #Bearblog #IndieWeb #Microformats

Using Microformats with Bear - l.prry.uk/using-microformats-w

2025-10-13

They could be parsed and handled programmatically via their IDREF or role context. They're safe for page translation services. And they would be announced by screen readers, eg. as "James Edwards, Author" and "Mastodon thread, Discussion".

Those examples are in this draft article template I've been tinkering with.

brothercake.com/notes/$templat

(The editable code examples are cool too, but this is all still WIP ⛔️☺️)

#a11y #accessibility #html #MicroFormats #aria #i18n

2025-10-13

What do people think of this?

```
<data hidden>
<span id="lang-en-author">Author</span>
<span id="lang-en-discussion">Discussion</span>
</data>

<p><a href="#" aria-describedby="lang-en-author">James Edwards</a></p>
<p><a href="#" aria-describedby="lang-en-discussion">Mastodon thread</a></p>
```

It's basically a draft idea for accessible microformats based on ARIA descriptions.

#a11y #accessibility #html #MicroFormats #aria #i18n

GripNewsGripNews
2025-10-07

🌘 Microformats 2:建構富含資料的網頁基石
➤ 從零開始掌握 Microformats 2 資料的解析與應用
microformats.org
本文旨在闡述如何有效地解析與利用 Microformats 2 (MF2) 資料,這是一種用於標記個人網站上各類資訊(如個人資料、貼文、活動等)的標準。透過將原始網頁內容轉換為標準化的 MF2 JSON 結構,開發者能夠建構各種應用程式來處理這些結構化資料。文章詳述了選擇合適的解析器、處理網頁抓取與解析時的注意事項,以及儲存原始 HTML 或已解析 JSON 的考量。此外,也深入探討瞭如何導覽與理解 MF2 資料結構中的巢狀組織,並說明瞭屬性值的各種可能形式,以利開發者進行資料處理。
+ 這篇文章對於想了解如何提取網頁結構化資料的開發者來說非常有幫助,特別是關於解析器的選擇和資料儲存的建議。
+ 解析 Microformats 2 的確是個挑戰,但作者的說明很清晰,讓我對如何處理不同的屬性值有了更深的認識。

2025-10-02

Introducing Cornerstone: A WordPress Theme for the IndieWeb

I've released Cornerstone, a WordPress theme built for the IndieWeb community. It's now available on GitHub under the GPL v2 licence.

islandinthenet.com/introducing

Desktop Screenshot of Wordpress Cornerstone Theme Home PageActivityPub Likes and Reposts
Joe Crawfordartlung@xoxo.zone
2025-09-29
2025-08-23

@WuMargaret @cestith @perigrin @Chanclatrix @genehack @pippa @gizmomathboy @jacobydave @randomgeek @fitzgepn @xan #XFN (the source of the rel="me" attribute used to verify oneself on #Mastodon and elsewhere) really needs a rel="nemesis" value.

gmpg.org/xfn/11

#microformats

Just completed all the steps to indiewebify my blog burgeonlab.com using indiewebify.me/. Luckily, the h-card and h-entry wasn't too hard to setup on #hugo.

Happy I can now receive #webmentions! But I haven't implemented displaying replies or mentions yet on the frontend.

I used https://webmentions.rock to check if the link rel=webmention is working.

And I am using github.com/aaronpk/webmention. for receiving webmentions.

#indieweb #posse #microformats #oauth

Reilly Spitzfaden (they/them)reillypascal@hachyderm.io
2025-08-19

Also a microformats/semantic HTML question: is there a good accessibility argument for using microformats or other semantic markup for locations specifically?

I ask because I've soured a bit on structured data now that it feels like I'm just making it easier to slurp up my page for AI training.

I like the idea of making things richer and easier to use for humans, but apart from using microformats to add data to webmentions, I'm starting to consider paring back on how much I use them.

#IndieWeb #Microformats #StructuredData #SemanticHTML #AI

2025-08-17

Following the advice and instructions at jamesg.blog/2024/06/06/publish, I've now enabled #hfeed (HTML feed) for my blog¹ and my linkblog². I really like that idea of HTML of a page itself being a machine readable feed for #feedReaders. Unfortunately, AFAIK, no readers have native support for HFeed yet. Thankfully, we can use granary.io/ to convert an HFeed to an #Atom or #RSS #feed.

¹ abhinavsarkar.net/posts/
² abhinavsarkar.net/linkblog/

#indieweb #Microformats

2025-08-07

Last week I deployed a change to how I generate plain text versions of content on my website. This week I changed it again. And updated additional post types to use Markdown as their editing and storage format.

orangegnome.com/posts/3622/cha

#Html #WebDevelopment #Indieweb #Markdown #BeautifulSoup #Changelog #Microformats #Mistune #Html2Text

2025-08-01

In February, I moved my Bookmark/Link content to using Markdown (Commonmark) as the definitively stored content format. Today, I updated that implementation.

orangegnome.com/posts/3617/cha

#Change #Html #WebDevelopment #WebComponents #Markdown #Pandoc #Pypandoc #Changelog #Microformats #Mf2Py #Mistune

YOULE :FlakeSpinCyan:MOULE@moule.world
2025-06-30

I've just finished sprinkling some microformats2 tags on my homepage (moule.world) to make my own h-card! Now software that supports reading h-cards can get a quick overview of what MOULE and MOULE WORLD is. I'll see if I can set up webmentions next.

indieweb.org/h-card

#IndieWeb #PersonalSites #MicroFormats #PersonalWebsites #MicroFormats2

Screenshot from https://IndieWebify.me reading:

"Publishing on the IndieWeb: Level 2

1. Mark up your content with microformats2

Humans can already understand the things you post on your site. By adding a few short class names to your HTML, other people’s software can understand it and use it for things like reply contexts, cross-site comments, event RSVPs, and more.

Check your homepage h-card:
    Enter your URL: https://moule.world
    Validate h-card

Success!
This representative h-card was found on your site:

Picture: Circle-cropped picture of MOULE, a rainbow anthropomorphic cartoon mule with black shaggy hair and blue-gradient hoodie, smiling and dancing in front of a rainbow gradient background.
Name: MOULE
URL: https://moule.world
Note: I'm an artist, musician, and the creator of MOULE WORLD: a worldbuilding project about trying to get by in a world sitting on the precipice of digital armageddon, told through multi-genre electronic music and cartoony cover artworks!
Nickname: MOULE
Unique Identifier: https://moule.world
Category/tag: artist, musician
State/Province/County: Whadjuk Nyoongar Boodjar
Country: Australia
Description of role: I'm an artist, musician, and the creator of MOULE WORLD.

See the full list of h-card properties."
Frontend Dogmafrontenddogma@mas.to
2025-06-24

WML, WAP, and Microformats Demo, by @artlung.com:

lab.artlung.com/wml/

#wml #wap #microformats

#OMN (Open Media Network)info@hamishcampbell.com
2025-06-22

Programming Mission: Let’s Fix the Fediverse Discovery Gap

Here’s a small but powerful challenge for #openweb builders – and a perfect #DIY project if you’re fed up with the current #geekproblem. I’ve been trying to find #Fediverse instances that actually cover my town, Oxford, UK, so I can help promote and grow them locally. You’d think this would be simple, right? But… nope.

Tried the standard “instance pickers”? Dead ends. Tried generic web searches? Useless #SEO sludge. Tried maps like this one, a good start […]

hamishcampbell.com/programming

Tantek Çelikt@micro.blog
2025-06-21
ð Congrats @microformats.org on 20 years! #microformats20Even after 20 years, people keep discovering new ways of using #microformats:* @artlung.com: "WML, WAP, & Microformats Demo!" (https://lab.artlung.com/wml/faux)> Because WML elements may have the class attributeOriginally posted 2025-06-18: https:... tantek.com
2025-06-21

🎂 Congrats @microformats.org on 20 years! #microformats20

Even after 20 years, people keep discovering new ways of using #microformats:
* @artlung.com: "WML, WAP, & Microformats Demo!" (https://lab.artlung.com/wml/faux)
> Because WML elements may have the class attribute
Originally posted 2025-06-18: https://xoxo.zone/@artlung/114705990062730513

That adds to the list of languages with working microformats examples:
* HTML — modern, unversioned as well as every version since HTML4
* HTML3 — see https://microformats.org/wiki/html3
* SVG — see https://microformats.org/wiki/svg
* XHTML — every version, 1.0, 1.1, 2.0
and now also:
* WML — https://microformats.org/wiki/wml

Literally any HTML-like or XML-like language that has a space-separated class attribute can work with microformats.

In constrast, every alternative to microformats (most now defunct) required adding new attributes, or worse, entirely new elements, which meant revising every language one at a time (or use of fragile XML Namespaces), resulting in supporting only 1-2 languages at most (HTML and XHTML) in practice, and nothing else.

Re-using the "class" attribute based on the existing footpath that web designers made for encoding additional semantics into their HTML, and the similarly extensible "rel" attribute, was one of the best design decisions in any extension format ever.

After 20 years, microformats continue to serve as another example of “loosely joined” approaches being more adaptable, reliable, resilient, and longer lasting than “tightly coupled”.

More microformats 20th anniversary posts from the #indieweb personal sites (via https://stream.indieweb.org/)
* @manton.org: "It’s the 20th anniversary of the launch of microforrmats.org!" (https://www.manton.org/2025/06/20/its-the-th-anniversary-of.html)
* ... hashtag your post #microformats or #microformats20 and #federate (using #Mastodon or any compatible #fediverse server etc.) or webmention this post!

#20thAnniversary #smallPieces #looselyJoined

Previously, previously, previously:
* https://tantek.com/2024/173/t1/years-posse-microformats-beyond
* https://tantek.com/2023/171/t1/anniversaries-microformats-posse
* https://tantek.com/2019/171/t1/happy-14th-microformats-org

Joe Crawfordartlung@xoxo.zone
2025-06-19

I have augmented my ridiculous WML page with #microformats which are 20 years old this year. This WAP/WML/XML page may be the only one so-marked up. I am not encouraging anyone else to do so but I am not discouraging it either. Maybe I'll try to acquire an old Nokia. #IndieWeb lab.artlung.com/wml/

Client Info

Server: https://mastodon.social
Version: 2025.07
Repository: https://github.com/cyevgeniy/lmst