GNU socialtag:status.blaise.ca,2024-03-29:TagTimeline:microformats2Notices tagged with microformats2Updates tagged with microformats2 on stadeus!https://status.blaise.ca/theme/neo-gnu/logo.png2024-03-29T07:34:43-04:00http://activitystrea.ms/schema/1.0/notehttps://tantek.com/2024/044/t1/twenty-years-microformats-updatesNew note by Twenty years and two days ago, <a class="auto-link" href="https://KevinMarks.com">@KevinMarks.com</a> (<a class="auto-link" href="https://xoxo.zone/@KevinMarks">@KevinMarks@xoxo.zone</a> <a class="auto-link h-cassis-username" href="https://twitter.com/KevinMarks">@KevinMarks</a>) and I introduced #<span class="p-category auto-tag">microformats</span> in a conference presentation.<br class="auto-break" /><br class="auto-break" />I wrote a long retrospective last year: <a class="auto-link" href="https://tantek.com/2023/047/t1/nineteen-years-microformats">https://tantek.com/2023/047/t1/nineteen-years-microformats</a><br class="auto-break" /><br class="auto-break" />Since that post nearly a year ago, here are the top three updates & interesting developments in microformats:<br class="auto-break" /><br class="auto-break" />1. Growing rel=me adoption for distributed verification (✅ in Mastodon etc.)<br class="auto-break" /> * Wikipedia: <a class="auto-link" href="https://tantek.com/2023/139/t1/wikipedia-supports-indieweb-rel-me">https://tantek.com/2023/139/t1/wikipedia-supports-indieweb-rel-me</a><br class="auto-break" /> * Threads: <a class="auto-link" href="https://tantek.com/2023/234/t1/threads-supports-indieweb-rel-me">https://tantek.com/2023/234/t1/threads-supports-indieweb-rel-me</a><br class="auto-break" /> * <a class="auto-link" href="http://omg.lol">omg.lol</a> profile links by default: <a class="auto-link" href="https://home.omg.lol/info/profile-items">https://home.omg.lol/info/profile-items</a><br class="auto-break" /><br class="auto-break" />2. A proposal to merge h-review into h-entry, since reviews are in practice always entries with a bit more information:<br class="auto-break" /> * <a class="auto-link" href="https://github.com/microformats/h-entry/issues/32">https://github.com/microformats/h-entry/issues/32</a><br class="auto-break" /> <br class="auto-break" />3. #<span class="p-category auto-tag">metaformats</span> adoptions, implementations, and iteration<br class="auto-break" /> * There was growing practical interest in metaformats, so I updated the spec accordingly<br class="auto-break" /> * A half dozen implementations shipped: <a class="auto-link" href="https://indieweb.org/metaformats#IndieWeb_Examples">https://indieweb.org/metaformats#IndieWeb_Examples</a><br class="auto-break" /> * Active discussion for evolving metaformats to support more real world use-cases: <a class="auto-link" href="https://github.com/microformats/metaformats/issues">https://github.com/microformats/metaformats/issues</a><br class="auto-break" /><br class="auto-break" />Hard to believe it’s been 20 years of iterating and evolving microformats, to #<span class="p-category auto-tag">microformats2</span>, growing adoption as #<span class="p-category auto-tag">IndieWeb</span> building blocks, distributed verification (those green checkmarks) in #<span class="p-category auto-tag">Mastodon</span> and across the #<span class="p-category auto-tag">fediverse</span>, and implementing metaformats parsing to standardize parsing various meta tags for link previews into equivalent microformats2.<br class="auto-break" /><br class="auto-break" />From last year’s activity, it’s clear there’s more use-cases, implementer interest, and community activity than ever. Looking forward to seeing what we can build in 2024.<br class="auto-break" /><br class="auto-break" /><br class="auto-break" />Post Glossary<br class="auto-break" /><br class="auto-break" />h-entry<br class="auto-break" /> <a class="auto-link" href="https://microformats.org/wiki/h-entry">https://microformats.org/wiki/h-entry</a><br class="auto-break" />h-review<br class="auto-break" /> <a class="auto-link" href="https://microformats.org/wiki/h-review">https://microformats.org/wiki/h-review</a><br class="auto-break" />link-preview<br class="auto-break" /> <a class="auto-link" href="https://indieweb.org/link-preview">https://indieweb.org/link-preview</a><br class="auto-break" />metaformats<br class="auto-break" /> <a class="auto-link" href="https://microformats.org/wiki/metaformats">https://microformats.org/wiki/metaformats</a><br class="auto-break" />microformats<br class="auto-break" /> <a class="auto-link" href="https://microformats.org/wiki/">https://microformats.org/wiki/</a><br class="auto-break" />microformats2<br class="auto-break" /> <a class="auto-link" href="https://microformats.org/wiki/microformats2">https://microformats.org/wiki/microformats2</a><br class="auto-break" />rel-me<br class="auto-break" /> <a class="auto-link" href="https://microformats.org/wiki/rel-me">https://microformats.org/wiki/rel-me</a>http://activitystrea.ms/schema/1.0/post2024-02-14T06:03:00+00:002024-02-14T06:03:00+00:00http://activitystrea.ms/schema/1.0/personhttp://tantek.com/Tantek San Francisco, CA tag:status.blaise.ca,2024-02-15:objectType=thread:nonce=f41cb86551d10a2dhttp://activitystrea.ms/schema/1.0/notehttps://tantek.com/2024/044/t1/twenty-years-microformatsNew note by Twenty years and two days ago, <a class="auto-link" href="https://KevinMarks.com">@KevinMarks.com</a> (<a class="auto-link" href="https://xoxo.zone/@KevinMarks">@KevinMarks@xoxo.zone</a> <a class="auto-link h-cassis-username" href="https://twitter.com/KevinMarks">@KevinMarks</a>) and I introduced #<span class="p-category auto-tag">microformats</span> in a conference presentation.<br class="auto-break" /><br class="auto-break" />I wrote a long retrospective last year: <a class="auto-link" href="https://tantek.com/2023/047/t1/nineteen-years-microformats">https://tantek.com/2023/047/t1/nineteen-years-microformats</a><br class="auto-break" /><br class="auto-break" />Since that update nearly a year ago, here are the top three interesting developments in microformats:<br class="auto-break" /><br class="auto-break" />1. Growing rel=me adoption for distributed verification:<br class="auto-break" /> * Wikipedia: <a class="auto-link" href="https://tantek.com/2023/139/t1/wikipedia-supports-indieweb-rel-me">https://tantek.com/2023/139/t1/wikipedia-supports-indieweb-rel-me</a><br class="auto-break" /> * Threads: <a class="auto-link" href="https://tantek.com/2023/234/t1/threads-supports-indieweb-rel-me">https://tantek.com/2023/234/t1/threads-supports-indieweb-rel-me</a><br class="auto-break" /> * <a class="auto-link" href="http://omg.lol">omg.lol</a> profile links by default: <a class="auto-link" href="https://home.omg.lol/info/profile-items">https://home.omg.lol/info/profile-items</a><br class="auto-break" /><br class="auto-break" />2. A proposal to merge h-review into h-entry, since reviews are in practice always entries with a bit more information:<br class="auto-break" /> * <a class="auto-link" href="https://github.com/microformats/h-entry/issues/32">https://github.com/microformats/h-entry/issues/32</a><br class="auto-break" /> <br class="auto-break" />3. #<span class="p-category auto-tag">metaformats</span> adoptions, implementations, and iteration<br class="auto-break" /> * There was growing practical interest in metaformats, so I updated the spec accordingly<br class="auto-break" /> * A half dozen implementations shipped: <a class="auto-link" href="https://indieweb.org/metaformats#IndieWeb_Examples">https://indieweb.org/metaformats#IndieWeb_Examples</a><br class="auto-break" /> * Active discussion for evolving metaformats to support more real world use-cases: <a class="auto-link" href="https://github.com/microformats/metaformats/issues">https://github.com/microformats/metaformats/issues</a><br class="auto-break" /><br class="auto-break" />Hard to believe it’s been 20 years of iterating and evolving microformats, to #<span class="p-category auto-tag">microformats2</span>, growing adoption as #<span class="p-category auto-tag">IndieWeb</span> building blocks, distributed verification (those green checkmarks) in #<span class="p-category auto-tag">Mastodon</span> and across the #<span class="p-category auto-tag">fediverse</span>, and implementing metaformats parsing to standardize parsing various meta tags for link previews into equivalent microformats2.<br class="auto-break" /><br class="auto-break" />From last year’s activity, it’s clear there’s more use-cases, implementer interest, and community activity than ever. Looking forward to seeing what we can build in 2024.<br class="auto-break" /><br class="auto-break" /><br class="auto-break" />Post Glossary<br class="auto-break" /><br class="auto-break" />h-entry<br class="auto-break" /> <a class="auto-link" href="https://microformats.org/wiki/h-entry">https://microformats.org/wiki/h-entry</a><br class="auto-break" />h-review<br class="auto-break" /> <a class="auto-link" href="https://microformats.org/wiki/h-review">https://microformats.org/wiki/h-review</a><br class="auto-break" />link-preview<br class="auto-break" /> <a class="auto-link" href="https://indieweb.org/link-preview">https://indieweb.org/link-preview</a><br class="auto-break" />metaformats<br class="auto-break" /> <a class="auto-link" href="https://microformats.org/wiki/metaformats">https://microformats.org/wiki/metaformats</a><br class="auto-break" />microformats<br class="auto-break" /> <a class="auto-link" href="https://microformats.org/wiki/">https://microformats.org/wiki/</a><br class="auto-break" />microformats2<br class="auto-break" /> <a class="auto-link" href="https://microformats.org/wiki/microformats2">https://microformats.org/wiki/microformats2</a><br class="auto-break" />rel-me<br class="auto-break" /> <a class="auto-link" href="https://microformats.org/wiki/rel-me">https://microformats.org/wiki/rel-me</a>http://activitystrea.ms/schema/1.0/post2024-02-14T06:03:00+00:002024-02-14T06:03:00+00:00http://activitystrea.ms/schema/1.0/personhttp://tantek.com/Tantek San Francisco, CA tag:status.blaise.ca,2024-02-14:objectType=thread:nonce=3a070e4e6f296876http://activitystrea.ms/schema/1.0/notehttps://tantek.com/2024/003/t1/2023-indieweb-gift-calendar-numbersNew note by 31 days of #<span class="p-category auto-tag">IndieWeb</span> gifts: the _2023 IndieWeb Gift Calendar_ (<a class="auto-link" href="https://indieweb.org/2023-12-indieweb-gift-calendar">https://indieweb.org/2023-12-indieweb-gift-calendar</a>) wrapped up a full month of IndieWeb-related creations & updates from the community (and sometimes beyond) to everyone who wants to improve their #<span class="p-category auto-tag">IndieWeb</span> experience. <br class="auto-break" /><br class="auto-break" />From plugins & libraries, to tools & services, to events & meetups, to web components & wiki pages, and blog posts & newsletters, there was something for everyone.<br class="auto-break" /><br class="auto-break" />Some numbers:<br class="auto-break" />🎁 67 total gifts<br class="auto-break" />📄 32 new IndieWeb wiki pages<br class="auto-break" />📜 7 posts on improving blogs, IndieWeb specs, and event summaries<br class="auto-break" />💻 6 Homebrew Website Club online meetups<br class="auto-break" />📫 5 This Week In The IndieWeb newsletters<br class="auto-break" />🧱 4 library updates: new web components, #<span class="p-category auto-tag">microformats2</span> parser update <br class="auto-break" />🌉 3 Bridgy Fed updates & improvements <br class="auto-break" />🧩 2 plugin updates: #<span class="p-category auto-tag">Elgg</span> IndieWeb & #<span class="p-category auto-tag">WordPress</span> #<span class="p-category auto-tag">IndieAuth</span><br class="auto-break" />🎪 1 #<span class="p-category auto-tag">IndieWebCamp</span> San Diego (2 days!)<br class="auto-break" />📚 1 indiebookclub new year in review overview feature<br class="auto-break" />📽 1 IndieWeb movie viewings aggregator<br class="auto-break" />🧶 1 #<span class="p-category auto-tag">Threads</span> federating out #<span class="p-category auto-tag">ActivityPub</span> (followable by #<span class="p-category auto-tag">BridgyFed</span>)<br class="auto-break" /><br class="auto-break" />Gift were shared by:<br class="auto-break" />👥 20 individuals<br class="auto-break" />🏢 1 company<br class="auto-break" /><br class="auto-break" />I compiled these numbers by hand. Let me know if you see any errors. There are many more potential stats like:<br class="auto-break" />* average (mean and median) number of gifts per contributor<br class="auto-break" />* how many edits to the Gift Calendar wiki page<br class="auto-break" />* how many different editors of the wiki page<br class="auto-break" />* average (mean and median) number of edits per editor<br class="auto-break" />I’ll leave those as exercises for others if they wish!<br class="auto-break" /><br class="auto-break" />This is post 2 of #<span class="p-category auto-tag">100PostsOfIndieWeb</span>. #<span class="p-category auto-tag">100Posts</span><br class="auto-break" /><br class="auto-break" />← <a class="auto-link" href="https://tantek.com/2024/001/t1/restarting-100days-indieweb-gift-calendar">https://tantek.com/2024/001/t1/restarting-100days-indieweb-gift-calendar</a><br class="auto-break" />→ 🔮http://activitystrea.ms/schema/1.0/post2024-01-04T00:09:00+00:002024-01-04T00:09:00+00:00http://activitystrea.ms/schema/1.0/personhttp://tantek.com/Tantek San Francisco, CA tag:status.blaise.ca,2024-01-04:objectType=thread:nonce=b46de4029dd5e46dhttp://activitystrea.ms/schema/1.0/notehttps://tantek.com/2023/254/t2/socialweb-cg-w3ctpacNew note by going to the #<span class="p-category auto-tag">SocialWeb</span> CG meeting <a class="auto-link h-cassis-username" href="https://twitter.com/W3C">@W3C</a> #<span class="p-category auto-tag">w3cTPAC</span> tomorrow (2023-09-12) at 09:30 CEST.<br class="auto-break" /><br class="auto-break" />Looking forward to seeing <a class="auto-link" href="https://evanp.me">@evanp.me</a> (<a class="auto-link" href="https://cosocial.ca/@evan">@evan@cosocial.ca</a> <a class="auto-link h-cassis-username" href="https://twitter.com/evanpro">@evanpro</a>) and many others!<br class="auto-break" /><br class="auto-break" />So many advances in #<span class="p-category auto-tag">ActivityPub</span>, #<span class="p-category auto-tag">Webmention</span>, Micropub, #<span class="p-category auto-tag">IndieAuth</span> etc. that it may be time to restart the #<span class="p-category auto-tag">SocialWebWG</span> to officially update all our active specifications.<br class="auto-break" /><br class="auto-break" />We can & should also reach out to #<span class="p-category auto-tag">Bluesky</span> & #<span class="p-category auto-tag">Nostr</span> communities to work together on shared semantics and bridging protocols to continue growing a heterogenous #<span class="p-category auto-tag">fediverse</span> built on the #<span class="p-category auto-tag">OpenWeb</span>.<br class="auto-break" /><br class="auto-break" />We know it is possible. We worked hard in the Social Web working group to align a lot of semantics across #<span class="p-category auto-tag">ActivityStreams</span> and #<span class="p-category auto-tag">microformats2</span>. The fruitful results of that are services like <a class="auto-link" href="http://fed.brid.gy/">http://fed.brid.gy/</a> which I myself use to send a Webmention when I make a new post (like this one) and have #<span class="p-category auto-tag">BridgyFed</span> automatically federate it via ActivityPub using my personal site identity to #<span class="p-category auto-tag">Mastodon</span> followers and others.<br class="auto-break" /><br class="auto-break" /><a class="auto-link" href="https://snarfed.org">@snarfed.org</a> wrote up a recent comparison of top #<span class="p-category auto-tag">decentralized</span> #<span class="p-category auto-tag">socialProtocols</span> that can help inform a lot of this discussion: <a class="auto-link" href="https://snarfed.org/2023-09-04_50856">https://snarfed.org/2023-09-04_50856</a>http://activitystrea.ms/schema/1.0/post2023-09-11T23:06:00+00:002023-09-11T23:06:00+00:00http://activitystrea.ms/schema/1.0/personhttp://tantek.com/Tantek San Francisco, CA tag:status.blaise.ca,2023-09-11:objectType=thread:nonce=60a9380c3578f703http://activitystrea.ms/schema/1.0/notehttps://tantek.com/2023/047/t1/nineteen-years-microformatsNew note by Nineteen years ago last Saturday, <a class="auto-link" href="https://KevinMarks.com">@KevinMarks.com</a> & I introduced<a href="#t5PQ1_note-1">¹</a> #<span class="p-category auto-tag">microformats</span> <a class="auto-link h-cassis-username" href="https://twitter.com/OReillyMedia">@OReillyMedia</a> ETech 2004, building on "semantic (x)html".<br class="auto-break" /><br class="auto-break" />We’ve come a long way since, from methodologies to #<span class="p-category auto-tag">microformats2</span>, from publishing to peer-to-peer #<span class="p-category auto-tag">IndieWeb</span> use-cases.<br class="auto-break" /><br class="auto-break" />We named #<span class="p-category auto-tag">microformats</span> only after we had established a pattern of real world examples; even our talk proposal was named RealWorldSemantics<a href="#t5PQ1_note-2">²</a>, and provided examples in that broader theme.<br class="auto-break" /><br class="auto-break" />This exemplified important implicit values in ordering our efforts:<br class="auto-break" />1. get real world things working first, not just theory<br class="auto-break" />2. name them after a pattern emerges, not just solo efforts<br class="auto-break" />3. grow the pattern with proposals, prototypes, iteration, evolution<br class="auto-break" /><br class="auto-break" />The examples at that point in time:<br class="auto-break" />* XFN — using rel-values for blogroll semantics, and the technology that defined rel=me in v1.1<a href="#t5PQ1_note-3">³</a>, now the standard for decentralized social media verification on Mastodon<a href="#t5PQ1_note-4">⁴</a>, GitHub<a href="#t5PQ1_note-5">⁵</a>, elsewhere, and the basis of RelMeAuth<a href="#t5PQ1_note-6">⁶</a><br class="auto-break" />* XMDP — XHTML MetaData Profiles, notably using an HTML class<a href="#t5PQ1_note-7">⁷</a> with a particular value 'profile' to indicate presence of a specific semantic structure<br class="auto-break" />* XOXO — XHTML Outlines, formalizing existing usage of (X)HTML elements for outlines, also using an HTML class with a particular value 'xoxo' to express a semantic<br class="auto-break" /><br class="auto-break" />Growing the pattern:<br class="auto-break" />* rel=license — solved page licensing better than before, since widespread adopted<br class="auto-break" />* VoteLinks — new rel values, prototyped, only one consuming implementation (since defunct)<br class="auto-break" /><br class="auto-break" />And further brainstorming:<br class="auto-break" />* recommendations — initial rel="recommendation" idea eventually evolved to hReview, and today’s h-review<br class="auto-break" />* syndication — helped motivate HTML5 <time> element, eventually led to hAtom, and today’s h-entry<br class="auto-break" />* playlists — led to various ideas, proposals, & demos<a href="#t5PQ1_note-8">⁸</a>, still not really solved today<br class="auto-break" /><br class="auto-break" /><br class="auto-break" />The mid-2000s were a time of eager experimentation, when we were learning that very small bits of markup (yes, hence the name) could be used to build some very useful capabilities on top of the open web platform.<br class="auto-break" /><br class="auto-break" />A few observations with the benefit of years of experience since we proposed “microformats”:<br class="auto-break" /><br class="auto-break" /><br class="auto-break" />One: Many microformats succeeded because we solved an existing problem, with existing *complex* solutions, by providing a drastically *simpler* solution.<br class="auto-break" /><br class="auto-break" />XFN instead of FOAF. rel=license instead of Creative Commons RDF in HTML comments.<br class="auto-break" /><br class="auto-break" />By doing so, we skipped the often harder problem of defining & refining a problem worth solving, a use-case, or user scenario.<br class="auto-break" /><br class="auto-break" /><br class="auto-break" />Two: A few microformats succeeded because they solved existing problems, re-using *existing established* open solutions in other formats, reformatted into native HTML.<br class="auto-break" /><br class="auto-break" />hCard from vCard. hCalendar from iCalendar.<br class="auto-break" /><br class="auto-break" />This methodology leveraged years of prior hard open standards work by numerous others across numerous organizations, and deliberately avoided the bikeshedding trap of renaming things (or any other kind of non-trivial “clean-up”) while reformatting, thus making it easy for developers of one technology to see the 1:1 mapping and use the other.<br class="auto-break" /><br class="auto-break" />The primary downside with this approach was formats that were larger than perhaps necessary for HTML-specific use-cases.<br class="auto-break" /><br class="auto-break" />Eventually for microformats2 vocabularies, we adopted a subset approach, looking for web publishing use-cases for each feature, making h-card smaller than hCard, and h-event smaller than hCalendar.<br class="auto-break" /><br class="auto-break" /><br class="auto-break" />Three: Success in a search engine was not enough, and sometimes attracted more bad actors than good. <a class="auto-link" href="https://KevinMarks.com">@KevinMarks.com</a>, myself, and others at Technorati built search engine indexing and use of rel-tag and hReview, which helped evolve their specifications. A few other small search engines indexed rel=tag markup, however none remain today. hReview was adopted by Google which led to it being heavily spammed.<br class="auto-break" /><br class="auto-break" />This pattern repeated itself with other microformats, and eventually we shifted from:<br class="auto-break" />→ of course search is the first obvious use-case<br class="auto-break" />→ search is one use-case among others<br class="auto-break" />→ we need primary use-cases outside of search for longterm ecosystem success<br class="auto-break" />Which leads to the fourth observation.<br class="auto-break" /><br class="auto-break" /><br class="auto-break" />Four: Publishing alone is not a use-case. There must be multiple consuming code use-cases (beyond search) for a microformat to succeed longterm.<br class="auto-break" /><br class="auto-break" />From individual features to whole microformats vocabularies, we learned that not only did there need to be sufficient content being published already, without microformats, that could benefit, but there needed to be good enough consuming code use-cases that benefited users (not just developers). The #<span class="p-category auto-tag">IndieWeb</span> community has been exceptionally helpful in both defining such use-cases and iterating on them with implementations.<br class="auto-break" /><br class="auto-break" />We still get questions of the form: What’s the best way to mark this up?<br class="auto-break" /><br class="auto-break" />I used to very much believe that if you could mark something up more semantically, you should spend the time & effort to do so. This drove a lot of early experiments with markup, and did provide some eventual benefits, most notably when semantic HTML elements provided good hooks for accessibility tools such as screen readers.<br class="auto-break" /><br class="auto-break" />Now we know the answer to the question of “How should I mark-up this content?” must be accompanied by specific use-cases for consuming code of that markup. <br class="auto-break" /><br class="auto-break" />If there is no consuming code use-case, it is not worth the time to add the mark-up (never mind the maintenance effort over time).<br class="auto-break" /><br class="auto-break" />Sometimes one single consuming code use-case is sufficient to justify the time & effort to add more semantic mark-up. If that markup helps screenreaders, then it’s worth it. More often than not however, there must be multiple (again, beyond search) consuming code use-cases for it to be worth adding semantic markup, and certainly for developing new markup, whether microformats features or new microformats.<br class="auto-break" /><br class="auto-break" /><br class="auto-break" />This focus on and repeated asking of questions like:<br class="auto-break" />* What is the (consuming code) use-case? <br class="auto-break" />* Or how does it benefit readers of this content?<br class="auto-break" />has helped focus our modern microformats efforts on actual benefits to humans first, and machines second (if at all).<br class="auto-break" /><br class="auto-break" /><br class="auto-break" />If you think of IndieWeb use-cases for existing or new microformats, come join us in the developers chat:<br class="auto-break" />* <a class="auto-link" href="https://chat.indieweb.org/dev">https://chat.indieweb.org/dev</a><br class="auto-break" /><br class="auto-break" />If you think of other use-cases or want to chat about modern microformats methodologies in general, join us in the microformats chat:<br class="auto-break" />* <a class="auto-link" href="https://chat.indieweb.org/microformats">https://chat.indieweb.org/microformats</a><br class="auto-break" /><br class="auto-break" /><br class="auto-break" />This is day 32 of #<span class="p-category auto-tag">100DaysOfIndieWeb</span> #<span class="p-category auto-tag">100Days</span><br class="auto-break" /><br class="auto-break" />← Day 31: <a class="auto-link" href="https://tantek.com/2023/044/t1/unified-sent-box-universal-outbox">https://tantek.com/2023/044/t1/unified-sent-box-universal-outbox</a><br class="auto-break" />→ 🔮<br class="auto-break" /><br class="auto-break" /><br class="auto-break" />Post glossary:<br class="auto-break" /><br class="auto-break" />h-card<br class="auto-break" /> <a class="auto-link" href="https://microformats.org/wiki/h-card">https://microformats.org/wiki/h-card</a><br class="auto-break" />h-entry<br class="auto-break" /> <a class="auto-link" href="https://microformats.org/wiki/h-entry">https://microformats.org/wiki/h-entry</a><br class="auto-break" />h-event<br class="auto-break" /> <a class="auto-link" href="https://microformats.org/wiki/h-event">https://microformats.org/wiki/h-event</a><br class="auto-break" />h-review<br class="auto-break" /> <a class="auto-link" href="https://microformats.org/wiki/h-review">https://microformats.org/wiki/h-review</a><br class="auto-break" />hAtom<br class="auto-break" /> <a class="auto-link" href="https://microformats.org/wiki/hatom">https://microformats.org/wiki/hatom</a><br class="auto-break" />hCalendar<br class="auto-break" /> <a class="auto-link" href="https://microformats.org/wiki/hcalendar">https://microformats.org/wiki/hcalendar</a><br class="auto-break" />hCard<br class="auto-break" /> <a class="auto-link" href="https://microformats.org/wiki/hcard">https://microformats.org/wiki/hcard</a><br class="auto-break" />hReview<br class="auto-break" /> <a class="auto-link" href="https://microformats.org/wiki/hreview">https://microformats.org/wiki/hreview</a><br class="auto-break" />rel-license<br class="auto-break" /> <a class="auto-link" href="https://microformats.org/wiki/rel-license">https://microformats.org/wiki/rel-license</a><br class="auto-break" />rel-tag<br class="auto-break" /> <a class="auto-link" href="https://microformats.org/wiki/rel-tag">https://microformats.org/wiki/rel-tag</a><br class="auto-break" />rel-values<br class="auto-break" /> <a class="auto-link" href="https://microformats.org/wiki/existing-rel-values">https://microformats.org/wiki/existing-rel-values</a><br class="auto-break" />XFN<br class="auto-break" /> <a class="auto-link" href="https://gmpg.org/xfn/">https://gmpg.org/xfn/</a><br class="auto-break" />XMDP<br class="auto-break" /> <a class="auto-link" href="http://gmpg.org/xmdp/description">http://gmpg.org/xmdp/description</a><br class="auto-break" />XOXO<br class="auto-break" /> <a class="auto-link" href="https://microformats.org/wiki/xoxo">https://microformats.org/wiki/xoxo</a><br class="auto-break" /><br class="auto-break" /><br class="auto-break" />Previously, previously, previously:<br class="auto-break" />* <a class="auto-link" href="https://tantek.com/2019/044/t1/15-years-ago-introduced-microformats">https://tantek.com/2019/044/t1/15-years-ago-introduced-microformats</a><br class="auto-break" />* <a class="auto-link" href="https://tantek.com/2014/042/t2/ten-years-ago-introduced-microformats-etech">https://tantek.com/2014/042/t2/ten-years-ago-introduced-microformats-etech</a><br class="auto-break" />* <a class="auto-link" href="https://tantek.com/2011/042/t2/years-ago-presented-microformats-etech">https://tantek.com/2011/042/t2/years-ago-presented-microformats-etech</a><br class="auto-break" />* <a class="auto-link" href="https://twitter.com/t/status/701095802">https://twitter.com/t/status/701095802</a><br class="auto-break" /><br class="auto-break" /><br class="auto-break" />References:<br class="auto-break" /><a href="#t5PQ1_ref-1">¹</a> <a class="auto-link" href="https://tantek.com/presentations/2004etech/realworldsemanticspres.html">https://tantek.com/presentations/2004etech/realworldsemanticspres.html</a><br class="auto-break" /><a href="#t5PQ1_ref-2">²</a> <a class="auto-link" href="https://tantek.com/log/2004/02.html#d04t1311">https://tantek.com/log/2004/02.html#d04t1311</a><br class="auto-break" /><a href="#t5PQ1_ref-3">³</a> <a class="auto-link" href="https://gmpg.org/xfn/11#me">https://gmpg.org/xfn/11#me</a><br class="auto-break" /><a href="#t5PQ1_ref-4">⁴</a> <a class="auto-link" href="https://docs.joinmastodon.org/user/profile/#verification">https://docs.joinmastodon.org/user/profile/#verification</a><br class="auto-break" /><a href="#t5PQ1_ref-5">⁵</a> <a class="auto-link" href="https://hachyderm.io/@nova/109790530971147702">https://hachyderm.io/@nova/109790530971147702</a><br class="auto-break" /><a href="#t5PQ1_ref-6">⁶</a> <a class="auto-link" href="https://tantek.com/2023/032/t1/years-relmeauth-replace-openid">https://tantek.com/2023/032/t1/years-relmeauth-replace-openid</a><br class="auto-break" /><a href="#t5PQ1_ref-7">⁷</a> <a class="auto-link" href="https://tantek.com/2012/353/b1/why-html-classes-css-class-selectors">https://tantek.com/2012/353/b1/why-html-classes-css-class-selectors</a><br class="auto-break" /><a href="#t5PQ1_ref-8">⁸</a> <a class="auto-link" href="http://microformats.org/wiki/events/2007-12-11-open-media-web">http://microformats.org/wiki/events/2007-12-11-open-media-web</a>http://activitystrea.ms/schema/1.0/post2023-02-17T01:01:00+00:002023-02-17T01:01:00+00:00http://activitystrea.ms/schema/1.0/personhttp://tantek.com/Tantek San Francisco, CA tag:status.blaise.ca,2023-02-17:objectType=thread:nonce=01afd4403b44552ehttp://activitystrea.ms/schema/1.0/notehttps://tantek.com/2022/353/t1/upgraded-bbeditNew note by upgraded my <a class="auto-link h-cassis-username" href="https://twitter.com/BBEdit">@BBEdit</a> to v14. Thanks <a class="auto-link" href="https://Barebones.com">https://Barebones.com</a> for a smooth & solid text editor for decades. Its HTML validator checks a/area/link rel for XFN values like rel=me (since 9.6.2).<br class="auto-break" /><br class="auto-break" />Are there #<span class="p-category auto-tag">microformats2</span> Clippings? Perhaps a holidays project, for h-card, h-entry, h-event, and other #<span class="p-category auto-tag">indieweb</span> building blocks.<br class="auto-break" /><br class="auto-break" />Reference: <a class="auto-link" href="https://www.bbeditextras.org/clipping-placeholder-reference/">https://www.bbeditextras.org/clipping-placeholder-reference/</a><br class="auto-break" />How to: <a class="auto-link" href="https://www.macworld.com/article/217200/how_to_create_and_use_bbedit_clippings.html">https://www.macworld.com/article/217200/how_to_create_and_use_bbedit_clippings.html</a>http://activitystrea.ms/schema/1.0/post2022-12-19T09:01:00+00:002022-12-19T09:01:00+00:00http://activitystrea.ms/schema/1.0/personhttp://tantek.com/Tantek San Francisco, CA tag:status.blaise.ca,2022-12-19:objectType=thread:nonce=a6bc81638c221380http://activitystrea.ms/schema/1.0/notehttps://tantek.com/2022/091/t1/metaformatsNew note by Introducing #<span class="p-category auto-tag">metaformats</span> (<a class="auto-link" href="https://microformats.org/wiki/metaformats">https://microformats.org/wiki/metaformats</a>), an extension to #<span class="p-category auto-tag">microformats2</span> for parsing invisible data published in HTML meta tags, for backward compatibility with existing vocabularies consumed by multiple testable interoperable implementations.http://activitystrea.ms/schema/1.0/post2022-04-02T06:59:00+00:002022-04-02T06:59:00+00:00http://activitystrea.ms/schema/1.0/personhttp://tantek.com/Tantek San Francisco, CA tag:status.blaise.ca,2022-04-02:objectType=thread:nonce=339aeb36d0cb6f02http://activitystrea.ms/schema/1.0/notehttp://tantek.com/2018/171/t2/happy-13th-microformats-orgNew note by <div>Happy 13th to<a class="auto-link" href="http://microformats.org">@microformats.org</a>!<br class="auto-break" />With more use of #<span class="p-category auto-tag">microformats2</span>, especially among the growing #<span class="p-category auto-tag">indieweb</span>network of websites, we’ve iterated key specs for real-world needs and are seeing more active community members. More updates & posts coming up!</div>http://activitystrea.ms/schema/1.0/post2018-06-21T02:00:00+00:002018-06-21T02:00:00+00:00http://activitystrea.ms/schema/1.0/personhttp://tantek.com/Tantek San Francisco, CA tag:status.blaise.ca,2018-06-21:objectType=thread:nonce=91d92833a94e50fchttp://activitystrea.ms/schema/1.0/notetag:social.umeahackerspace.se,2017-05-11:noticeId=1118073:objectType=noteNew note by mmn@<a href="https://mastodon.social/users/WAHa_06x36" class="h-card u-url p-nickname mention">waha06x36</a> @<a href="https://mastodon.social/users/Gargron" class="h-card u-url p-nickname mention" title="Eugen">Gargron</a> <a href="<a href="https://some.example/tags/microformats" title="https://some.example/tags/microformats" rel="nofollow">https://some.example/tags/microformats</a>" rel="tag">verbose microformats category tag</a><br /><br /> »Tags are embedded in HTTP URIs in a well-defined manner so that the tag embedded in an HTTP URI can be mechanically extracted from that URI. Specifically, the last segment of the path portion of the URI (after the final "/" character) contains the tag value.» - <a href="http://microformats.org/wiki/rel-tag" title="http://microformats.org/wiki/rel-tag" rel="nofollow" class="attachment">http://microformats.org/wiki/rel-tag</a><br /><br /> There you go. !<a href="http://oracle.skilledtests.com/group/536/id" class="h-card u-url p-nickname group" title="ostatus (ostatus)">ostatus</a> doesn't require it, but HTML generated by !<a href="https://gnusocial.club/group/421/id" class="h-card u-url p-nickname group" title="GNU Social (gnusocial)">gnusocial</a> aims to honour #<span class="tag"><a href="https://social.umeahackerspace.se/tag/microformats2" rel="tag">microformats2</a></span> since it's great and makes us part of the !<a href="https://quitter.no/group/938/id" class="h-card u-url p-nickname group" title="IndieWeb (indieweb)">indieweb</a> community.http://activitystrea.ms/schema/1.0/post2017-05-11T05:30:05+00:002017-05-11T05:30:05+00:00http://activitystrea.ms/schema/1.0/personhttps://social.umeahackerspace.se/user/2mmnFree software and free culture fanatic.63.82842 20.25972mmnMMN-o ✅⃠Free software and free culture fanatic.Umeå, Swedenhomepagehttps://blog.mmn-o.se/truehttps://social.umeahackerspace.se/conversation/730187http://activitystrea.ms/schema/1.0/notehttp://tantek.com/2017/122/t1/years-ago-microformats2-fooeastNew note by <div>7 years ago today:<br class="auto-break" />First thoughts on #<span class="p-category auto-tag">microformats2</span>@ #<span class="p-category auto-tag">fooeast</span><a class="auto-link" href="http://tantek.com/2010/122/t2/microformats-2-simpler-publishing-parsing">tantek.com/2010/122/t2/microformats-2-simpler-publishing-parsing</a><br class="auto-break" />Now used in posts, comments, likes, reposts, and other responses^1 federated via Webmentions^2 across 10k+ sites, dozens of implementations.<br class="auto-break" /><br class="auto-break" />FOO East session:<br class="auto-break" />*<a class="auto-link" href="http://microformats.org/wiki/events/2010-05-02-microformats-2-0">microformats.org/wiki/events/2010-05-02-microformats-2-0</a><br class="auto-break" /><br class="auto-break" />microformats2 parsing spec:<br class="auto-break" />*<a class="auto-link" href="http://microformats.org/wiki/microformats2-parsing">microformats.org/wiki/microformats2-parsing</a><br class="auto-break" /><br class="auto-break" />^1 IndieWeb responses:<br class="auto-break" />*<a class="auto-link" href="https://indieweb.org/responses">https://indieweb.org/responses</a><br class="auto-break" /><br class="auto-break" />^2 Webmention standard:<br class="auto-break" />*<a class="auto-link" href="https://www.w3.org/TR/webmention/">https://www.w3.org/TR/webmention/</a></div>http://activitystrea.ms/schema/1.0/post2017-05-02T21:45:15+00:002017-05-02T21:45:15+00:00http://activitystrea.ms/schema/1.0/personhttp://tantek.com/Tantek San Francisco, CA tag:status.blaise.ca,2017-05-02:objectType=thread:nonce=e04a964a09024652http://activitystrea.ms/schema/1.0/commenttag:social.umeahackerspace.se,2015-01-08:noticeId=168282:objectType=commentNew comment by mmnThe element even uses the #<span class="tag"><a href="https://social.umeahackerspace.se/tag/html5" rel="tag">HTML5</a></span> <time/> and is, I believe, properly marked up for #<span class="tag"><a href="https://social.umeahackerspace.se/tag/microformats2" rel="tag">microformats2</a></span> ;)http://activitystrea.ms/schema/1.0/post2015-01-08T17:00:28+00:002015-01-08T17:00:28+00:00http://activitystrea.ms/schema/1.0/personhttps://social.umeahackerspace.se/user/2mmnFree software and free culture fanatic.63.82842 20.25972mmnMMN-o ✅⃠Free software and free culture fanatic.Umeå, Swedenhomepagehttps://blog.mmn-o.se/truehttps://status.blaise.ca/conversation/38252http://activitystrea.ms/schema/1.0/commenthttp://sn.jonkman.ca/notice/411138New comment by bobjonkmanformerJust saw Tantek's @t post encouraging the switch to #<span class="tag"><a href="https://status.blaise.ca/tag/microformats2" rel="tag">microformats2</a></span> <a href="http://microformats.org/2014/06/20/mi" title="http://microformats.org/2014/06/20/mi" rel="nofollow external">http://microformats.org/2014/06/20/mi</a><a href="https://status.blaise.ca/attachment/4565" class="attachment more" title="Show more">…</a>http://activitystrea.ms/schema/1.0/post2014-06-23T18:28:59+00:002014-06-23T18:28:59+00:00http://activitystrea.ms/schema/1.0/personhttp://sn.jonkman.ca/user/2bobjonkmanformerDon't use this account! Subscribe to me at https://gs.jonkman.ca/bobjonkman/43.60009 -80.5497bobjonkmanformerFormer Bob Jonkman -- Please use the new server at https://gs.jonkman.caDon't use this account! Subscribe to me at https://gs.jonkman.ca/bobjonkman/Elmira, Ontario, Canadahomepagehttps://gs.jonkman.ca/bobjonkmantruehttps://status.blaise.ca/conversation/24870http://activitystrea.ms/schema/1.0/commenthttp://sn.jonkman.ca/notice/409432New comment by bobjonkmanformerI'd mark that message as a favorite because I would like to see #<span class="tag"><a href="http://sn.jonkman.ca/tag/microformats2" rel="tag">microformats2</a></span> as well, but I'm not in favour of layout issues. !<span class="vcard"><a href="https://status.vinilox.eu/group/1987/id" class="url" title="GNU social (gnusocial)"><span class="fn nickname group">gnusocial</span></a></span>http://activitystrea.ms/schema/1.0/post2014-06-22T17:38:52+00:002014-06-22T17:38:52+00:00http://activitystrea.ms/schema/1.0/personhttp://sn.jonkman.ca/user/2bobjonkmanformerDon't use this account! Subscribe to me at https://gs.jonkman.ca/bobjonkman/43.60009 -80.5497bobjonkmanformerFormer Bob Jonkman -- Please use the new server at https://gs.jonkman.caDon't use this account! Subscribe to me at https://gs.jonkman.ca/bobjonkman/Elmira, Ontario, Canadahomepagehttps://gs.jonkman.ca/bobjonkmantruehttps://status.blaise.ca/conversation/24870http://activitystrea.ms/schema/1.0/notetag:social.umeahackerspace.se,2014-06-22:noticeId=115326:objectType=commentNew note by mmnThe deal is that a lot of things have been changed to fit better with #<span class="tag"><a href="https://status.blaise.ca/tag/microformats2" rel="tag">microformats2</a></span> - so a<a href="https://status.blaise.ca/attachment/4540" class="attachment more" title="Show more">…</a>http://activitystrea.ms/schema/1.0/post2014-06-22T17:28:18+00:002014-06-22T17:28:18+00:00http://activitystrea.ms/schema/1.0/personhttps://social.umeahackerspace.se/user/2mmnFree software and free culture fanatic.63.82842 20.25972mmnMMN-o ✅⃠Free software and free culture fanatic.Umeå, Swedenhomepagehttps://blog.mmn-o.se/truehttps://status.blaise.ca/conversation/24885http://activitystrea.ms/schema/1.0/notetag:social.umeahackerspace.se,2014-06-22:noticeId=115235:objectType=noteNew note by mmnMmmm. Haven't had !coffee yet. Btw, I'm hoping !gnusocial will support #<span class="tag"><a href="https://status.blaise.ca/tag/microformats2" rel="tag">microformats2</a></span> soon.<a href="https://status.blaise.ca/attachment/4530" class="attachment more" title="Show more">…</a>http://activitystrea.ms/schema/1.0/post2014-06-22T10:55:55+00:002014-06-22T10:55:55+00:00http://activitystrea.ms/schema/1.0/personhttps://social.umeahackerspace.se/user/2mmnFree software and free culture fanatic.63.82842 20.25972mmnMMN-o ✅⃠Free software and free culture fanatic.Umeå, Swedenhomepagehttps://blog.mmn-o.se/truehttps://status.blaise.ca/conversation/24870