hCard microformat Validator (beta, of course)

This is an unofficial validator¹/conformance checker of the hCard microformat.

Po polsku En français
(translations welcome!)

Input

URL

Check entire XHTML or HTML page by entering its HTTP URL.

Fragment

Paste well-formed XHTML fragment or complete document containing hCard.

Upload

Upload HTML or XHTML file to validate it. For this to work your browser must be setting MIME types properly.

Example

If searching for hCards in the wild is tiring, check one of the test-cases:

Browse examples

API & Other

Any page by Referer

<a href="http://hcard.geekhood.net/referrer/">Validate hCards</a>

Bookmarklet

hCard?

RESTful JSON API

Send GET request to http://hcard.geekhood.net/?url=URL to validate&output=json.

Output will be roughly compatible with the Validator.nu JSON API. Likely to change in the future.

Please use this API for validation, not just as an converter/extraction tool.


Send Feedback

You can send feedback via e-mail or the form below.

If you're reporting a bug or have a suggestion, don't forget to include example hCard code.

Result

Congratulations! No errors found.

  1. hCard #1

    • Warn: hCard microformat in <address>

      This will be interpreted as vCard of the contact point for the page (e.g. page owner, webmaster).

      More info

    • Info: Implied nickname from fn

      You can add n property to prevent it, or use fn and nickname on the same element to make it explicit.

      More info

    Formatted name
    Tantek
    Photo URL http://0.gravatar.com/avatar/02cd45622e90350cc061aaaa02229195?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=PG
    URL http://tantek.com/
    Nickname
    Tantek
  2. hCard #2

    • Warn: hCard microformat in <address>

      This will be interpreted as vCard of the contact point for the page (e.g. page owner, webmaster).

      More info

    • Info: Implied nickname from fn

      You can add n property to prevent it, or use fn and nickname on the same element to make it explicit.

      More info

    Formatted name
    Tantek
    Photo URL http://0.gravatar.com/avatar/02cd45622e90350cc061aaaa02229195?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=PG
    URL http://tantek.com/
    Nickname
    Tantek
  3. hCard #3

    • Warn: hCard microformat in <address>

      This will be interpreted as vCard of the contact point for the page (e.g. page owner, webmaster).

      More info

    Formatted name
    gRegor Morrill
    Photo URL http://0.gravatar.com/avatar/aca81ab5bf69a4626c91edc811cea208?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=PG
    URL https://gregorlove.com/
    Name Given Name
    gRegor
    Family Name
    Morrill
  4. hCard #4

    • Warn: hCard microformat in <address>

      This will be interpreted as vCard of the contact point for the page (e.g. page owner, webmaster).

      More info

    • Info: Implied nickname from fn

      You can add n property to prevent it, or use fn and nickname on the same element to make it explicit.

      More info

    Formatted name
    Martijn
    Photo URL http://0.gravatar.com/avatar/a9f47f86e88c589944f97747e0fffff9?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=PG
    URL http://vanderven.se/martijn/
    Nickname
    Martijn
  5. hCard #5

    • Warn: hCard microformat in <address>

      This will be interpreted as vCard of the contact point for the page (e.g. page owner, webmaster).

      More info

    • Info: Implied nickname from fn

      You can add n property to prevent it, or use fn and nickname on the same element to make it explicit.

      More info

    Formatted name
    Tantek
    Photo URL http://0.gravatar.com/avatar/02cd45622e90350cc061aaaa02229195?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=PG
    URL http://tantek.com/
    Nickname
    Tantek

File source

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://gmpg.org/xfn/11">
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>Microformats  </title>
	<link rel="stylesheet" type="text/css" media="screen, projection" href="http://microformats.org/wordpress/wp-content/themes/microformats/style.css" />
	<link rel="stylesheet" type="text/css" media="print" href="http://microformats.org/wordpress/wp-content/themes/microformats/css/print.css" />
	<!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" media="screen, projection" href="http://microformats.org/wordpress/wp-content/themes/microformats/css/ie.css" />	    
	<![endif]-->
	<!--[if lte IE 5.5]>
    <link rel="stylesheet" type="text/css" media="screen, projection" href="http://microformats.org/wordpress/wp-content/themes/microformats/css/ie5.css" />	    
	<![endif]-->
	<link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
	<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://microformats.org/feed" />
</head>
<body>

<div id="wrap">
	<div id="header">
		<h1>		    <img src="http://microformats.org/wordpress/wp-content/themes/microformats/img/logo.gif" width="144" height="36" alt="microformats" />
		</h1>
			
		<ul id="nav">
		<li class="active"><a href="/blog" title="Microformats.org Home">Blog</a></li>
<li><a href="/wiki/" title="The microformats.org documentation and specifications">Wiki</a></li>
<li><a href="/wiki/irc" title="Join and read discussion forum to discuss and develop microformats">Discuss</a></li>
<li><a href="/wiki/about" title="What are microformats?">About</a></li>
<li><a href="/wiki/code-tools" title="Snippets and tools to help you publish microformats">Code &amp; Tools</a></li>
<li><a href="/wiki/get-started" title="A little guide on how to publish your first hCard">Get Started</a></li>
		</ul>
	</div>
		
	<hr class="hide" />
	

	<div id="content" class="hfeed">
		<h2 id="home-title">Latest microformats news <a href="http://microformats.org/feed" title="link to RSS feed" id="feed-link"><img src="http://microformats.org/wordpress/wp-content/themes/microformats/img/xml.gif" width="23" height="13" alt="Feed" /></a></h2>
			
					<div class="entry hentry">
				<h3 class="entry-title" id="post-480"><a href="http://microformats.org/2018/06/22/microformats-org-year-14-welcome-new-admins" rel="bookmark" title="Permanent Link to microformats.org Year 14 — Welcome New Admins">microformats.org Year 14 — Welcome New Admins</a></h3>
                <div class="entry-content">
				    <p>In microformats.org year 14, we welcome <a href="http://microformats.org/wiki/admins">new admins</a>: <a href="https://aaronparecki.com/">Aaron Parecki</a>, <a href="https://gregorlove.com/">Gregor Morrill</a>, <a href="https://vanderven.se/martijn/">Martijn van der Ven</a>, and <a href="https://www.svenknebel.de/">Sven Knebel</a>! All have been active for years, helping welcome new members and doing essential wiki gardening &#038; <a href="http://microformats.org/wiki/microformats2#Implementations">microformats2 parser updates</a>!</p>
<p>Originally posted at: <a href="http://tantek.com/2018/173/t2/microformats-welcome-new-admins">tantek.com</a></p>
                </div>
                                <div class="post-tags">
                    <h4>Tags for this entry</h4>
                    <ul><li><a href="http://microformats.org/tag/microformats2" rel="tag">microformats2</a></li></ul>                </div>
                                
				<ul class="post-info">
					<li><a class="updated" href="http://microformats.org/2018/06/22/microformats-org-year-14-welcome-new-admins" rel="bookmark" title="Permanent Link to microformats.org Year 14 — Welcome New Admins">
                            <span class="value-title" title="2018-06-22T15:14:41"> </span>
                            June 22nd, 2018                        </a>
                    </li>
					<li>
					    <address class="author vcard">                
					    <a class="url fn" href="http://tantek.com/">
					        <img alt='' src='http://0.gravatar.com/avatar/02cd45622e90350cc061aaaa02229195?s=16&amp;d=http%3A%2F%2F0­.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb­6523536%3Fs%3D16&amp;r=PG' class='avatar avatar-16 photo' height='16' width='16' />					        Tantek					    </a>
					    </address>
					</li>
					<li><a href="http://microformats.org/2018/06/22/microformats-org-year-14-welcome-new-admins#respond" title="Comment on microformats.org Year 14 — Welcome New Admins">Add Comment</a></li>
                    <li>
                                            </li>
				</ul>
			</div>
					<div class="entry hentry">
				<h3 class="entry-title" id="post-475"><a href="http://microformats.org/2018/06/21/happy-13th-to-microformats-org" rel="bookmark" title="Permanent Link to Happy 13th to microformats.org!">Happy 13th to microformats.org!</a></h3>
                <div class="entry-content">
				    <p>With more use of <a href="http://microformats.org/wiki/microformats2">microformats2</a>, especially among the growing <a href="https://indieweb.org/">indieweb</a> network of websites, we’ve iterated <a href="http://microformats.org/wiki/microformats2-parsing">key</a> <a href="http://microformats.org/wiki/h-feed">specs</a> for real-world needs and are seeing more active community members. More updates &#038; posts coming up!</p>
<p>Originally posted on <a href="http://tantek.com/2018/171/t2/happy-13th-microformats-org">tantek.com</a>.</p>
                </div>
                                <div class="post-tags">
                    <h4>Tags for this entry</h4>
                    <ul><li><a href="http://microformats.org/tag/indieweb" rel="tag">indieweb</a>, </li><li><a href="http://microformats.org/tag/microformats2" rel="tag">microformats2</a></li></ul>                </div>
                                
				<ul class="post-info">
					<li><a class="updated" href="http://microformats.org/2018/06/21/happy-13th-to-microformats-org" rel="bookmark" title="Permanent Link to Happy 13th to microformats.org!">
                            <span class="value-title" title="2018-06-21T08:40:46"> </span>
                            June 21st, 2018                        </a>
                    </li>
					<li>
					    <address class="author vcard">                
					    <a class="url fn" href="http://tantek.com/">
					        <img alt='' src='http://0.gravatar.com/avatar/02cd45622e90350cc061aaaa02229195?s=16&amp;d=http%3A%2F%2F0­.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb­6523536%3Fs%3D16&amp;r=PG' class='avatar avatar-16 photo' height='16' width='16' />					        Tantek					    </a>
					    </address>
					</li>
					<li><a href="http://microformats.org/2018/06/21/happy-13th-to-microformats-org#respond" title="Comment on Happy 13th to microformats.org!">Add Comment</a></li>
                    <li>
                                            </li>
				</ul>
			</div>
					<div class="entry hentry">
				<h3 class="entry-title" id="post-469"><a href="http://microformats.org/2017/06/22/improving-the-php-mf2-parser" rel="bookmark" title="Permanent Link to Improving the php-mf2 parser">Improving the php-mf2 parser</a></h3>
                <div class="entry-content">
				    <p>During the past year, the popular <a href="https://github.com/indieweb/php-mf2">php-mf2</a> microformats parser has received quite a few improvements. My site runs ProcessWire and one of the plugins for it uses php-mf2, so I have been spending some time on it.</p>
<p>My own experience with microformats started when I discovered the <a href="http://microformats.org/wiki/hcard">hCard microformat</a>. I was impressed with the novelty of adding some simple HTML classes around contact information and having a browser extension parse it into an address book. Years later, when I started to get involved in the IndieWeb community, I learned a lot more about microformats2 and they became a key building block of my personal site.</p>
<p>php-mf2 is now much better at backwards-compatible parsing of microformats1. This is important because software should be able to consistently consume content whether it’s marked up with microformats1, microformats2, or a combination. An experimental feature for parsing language attributes has also been added. Finally, it’s now using the microformats test suite. Several other parsers use this test suite as well. This will make it easier to catch bugs and improve all of the different parsers.</p>
<p>php-mf2 is a stable library that’s ready to be installed in your software to start consuming microformats. It is currently used in <a href="https://withknown.com">Known</a>, <a href="https://wordpress.org/plugins/semantic-linkbacks/">WordPress plugins</a>, and <a href="https://modules.processwire.com/modules/webmention/">ProcessWire plugins</a> for richer social interactions. It’s also used in tools like <a href="https://github.com/aaronpk/XRay">XRay</a> and <a href="https://microformats.io">microformats.io</a>. I’m looking forward to more improvements to php-mf2 in the coming year as well as more software using it!</p>
<p>Original published at: <a href="https://gregorlove.com/2017/06/improving-the-php-mf2-parser/">https://gregorlove.com/2017/06/improving-the-php-mf2-parser/</a></p>
                </div>
                                
				<ul class="post-info">
					<li><a class="updated" href="http://microformats.org/2017/06/22/improving-the-php-mf2-parser" rel="bookmark" title="Permanent Link to Improving the php-mf2 parser">
                            <span class="value-title" title="2017-06-22T09:13:53"> </span>
                            June 22nd, 2017                        </a>
                    </li>
					<li>
					    <address class="author vcard">                
					    <a class="url fn" href="https://gregorlove.com/">
					        <img alt='' src='http://0.gravatar.com/avatar/aca81ab5bf69a4626c91edc811cea208?s=16&amp;d=http%3A%2F%2F0­.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb­6523536%3Fs%3D16&amp;r=PG' class='avatar avatar-16 photo' height='16' width='16' />					        gRegor Morrill					    </a>
					    </address>
					</li>
					<li><span>Comments Off</span></li>
                    <li>
                                            </li>
				</ul>
			</div>
					<div class="entry hentry">
				<h3 class="entry-title" id="post-458"><a href="http://microformats.org/2017/06/20/evolving-for-12-years" rel="bookmark" title="Permanent Link to Evolving for 12 Years">Evolving for 12 Years</a></h3>
                <div class="entry-content">
				    <p>For the 12th birthday of microformats.org (congratulations!) <a class="h-card" href="http://tantek.com/">Tantek</a> asked the community if any of us would like to highlight whatever we liked in a guest post. I am taking this opportunity to talk about my favourite feature of microformats: its constant evolvement.</p>
<p>Sometimes it feels like a standard is done. Sometimes it feels like a standard is abandoned before its time. In a few special cases a standard keeps evolving. I think we can agree that microformats goes in the latter category. This is hugely thanks to the fact that anyone can help it grow.</p>
<p>As you read this, <a href="https://github.com/microformats/h-event/issues/2">work is being done</a> to upgrade <a href="http://microformats.org/wiki/h-event">h-event</a> from a Draft to a full Specification. This prompted a few of us to have a look at what people are doing with the format. As it turns out: it has departed from the Draft!</p>
<p><a href="https://indieweb.org/">The IndieWeb community</a> is putting events in their feeds, interleaving them with other items (like blog posts) that use <a href="http://microformats.org/wiki/h-entry">h-entry</a>. To make the events fit within this context properties are being copied over from h-entry, properties completely new to h-event. Somehow these separate implementations introduced <em>the same</em> properties, showing how h-event is evolving quicker than its Draft Specification without splintering it in lots of different versions. Naturally evolving the format forwards!</p>
<p>Then there are the small, fringe changes. Work on <a href="http://microformats.org/wiki/h-card-brainstorming#Pronouns">pronouns in h-cards</a> has been mostly dormant since 2015. I spent time with it during <a href="https://indieweb.org/2017/Nuremberg">IndieWebCamp Nuremberg</a> and came to <a href="http://wiki.zegnat.net/microformats/pronoun">a completely different conclusion</a> on how to mark-up my pronouns. The beauty there is that anyone can do the same! All it takes is to put something on your site, like the IndieWeb community did with h-event, and tell the world about this piece of extra information they now have access to.</p>
<p>Here is to one more year of constantly tinkering with our HTML and giving more meaning to the information we publish 🥂</p>
                </div>
                                
				<ul class="post-info">
					<li><a class="updated" href="http://microformats.org/2017/06/20/evolving-for-12-years" rel="bookmark" title="Permanent Link to Evolving for 12 Years">
                            <span class="value-title" title="2017-06-20T07:09:08"> </span>
                            June 20th, 2017                        </a>
                    </li>
					<li>
					    <address class="author vcard">                
					    <a class="url fn" href="http://vanderven.se/martijn/">
					        <img alt='' src='http://0.gravatar.com/avatar/a9f47f86e88c589944f97747e0fffff9?s=16&amp;d=http%3A%2F%2F0­.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb­6523536%3Fs%3D16&amp;r=PG' class='avatar avatar-16 photo' height='16' width='16' />					        Martijn					    </a>
					    </address>
					</li>
					<li><span>Comments Off</span></li>
                    <li>
                                            </li>
				</ul>
			</div>
					<div class="entry hentry">
				<h3 class="entry-title" id="post-447"><a href="http://microformats.org/2016/06/22/microformats-org-at-11" rel="bookmark" title="Permanent Link to microformats.org at 11">microformats.org at 11</a></h3>
                <div class="entry-content">
				    <p><a href="http://julieannenoying.com/2016/06/20/happy-birthday-microformats/"><img style="display:block;text-align:center;margin:0 auto;max-width:100%" src="http://julieannenoying.com/wp-content/uploads/2016/06/ermergerd.jpg" alt="ERMERGERD!!! (excited girl holding a large microformats logo) HERPER BERTHDER!!!" /></a><br />
Thanks to <a class="h-card" href="http://julieannenoying.com/">Julie Anne Noying</a> for the meme birthday card.
</p>
<aside>
<div class="aside">
<p>
In this day and age of <a href="https://medium.com/@wob/the-sad-state-of-web-development-1603a861d29f">web frameworks that rise and fall</a> like seasonal fashion displays, <a href="https://medium.com/@anildash/the-end-of-thinkup-e600bc46cc56">bait-and-break APIs</a>, and <a href="https://indiewebcamp.com/site-deaths#2015">sudden site-deaths</a>, it’s nothing short of incredible that we’ve been able to continue evolving, improving, and growing microformats use for 11 years. All that incremental work has produced quite a lot since <a href="http://tantek.com/2015/171/t1/10th-anniversary-microformats">a year ago</a>. Most recently, we’ve made great progress with iterating, publishing, and deploying <a href="http://microformats.org/wiki/microformats2">microformats2</a> support.</p>
<p>I believe microformats.org has surived as a community, and microformats as a technology, by continuing to focus on solving smaller, simpler problems first, and then iterating only as needed with real world use-cases. It’s an approach I think works as a good starting point for nearly any project. -Tantek
</p>
</div>
</aside>
<h2 id="mf2-pubs-parsers">10,000s of microformats2 sites and now 10 microformats2 parsers</h2>
<p>
The past year saw a huge leap in the number of sites publishing <a href="http://microformats.org/wiki/microformats2">microformats2</a>, from 1000s to now 10s of thousands of sites, primarily by adoption in the <a href="https://indiewebcamp.com/">IndieWebCamp</a> community, and especially the excellent <a href="http://withknown.com/">Known publishing system</a> and continually improving <a href="https://indiewebcamp.com/Getting_Started_on_WordPress">WordPress plugins &amp; themes</a>.
</p>
<p>
New <a href="http://microformats.org/wiki/microformats2#Parsers">modern microformats2 parsers</a> continue to be developed in various languages, and this past year, four new parsing libraries (in three different languages) were added, almost doubling our previous set of six (in five different languages) that brought our year 11 total to 10 microformats2 parsing libraries available in 8 different programming languages.
</p>
<h2 id="mf2-parsing-spec">microformats2 parsing spec updates</h2>
<p>
The <a href="http://microformats.org/wiki/microformats2-parsing">microformats2 parsing specification</a> has made significant progress in the past year, all of it incremental iteration based on real world publishing and parsing experience, each improvement discussed openly, and tested with real world implementations. The microformats2 parsing spec is the core of what has enabled even simpler publishing <em>and</em> processing of microformats.
</p>
<p>
The specification has reached a level of stability and interoperability where fewer issues are being filed, and those that are being filed are in general more and more minor, although once in a while we find some more interesting opportunities for improvement.
</p>
<p>We reached a milestone two weeks ago of resolving all outstanding <a href="http://microformats.org/wiki/microformats2-parsing-issues">microformats2 parsing issues</a> thanks to <a class="h-card" href="https://willnorris.com/">Will Norris</a> leading the charge with a developer spec hacking session at the recent <a href="https://indiewebcamp.com/2016">IndieWeb Summit</a> where he gathered parser implementers and myself (as editor) and walked us through issue by issue discussions and consensus resolutions. Some of those still require minor edits to the specification, which we expect to complete in the next few days.
</p>
<p>One of the meta-lessons we learned in that process is that the wiki  really is less suitable for collaborative issue filing and resolving, and as of today are switching to using <a href="https://github.com/microformats/microformats2-parsing/issues">a GitHub repo for filing any new microformats2 parsing issues</a>.
</p>
<h2 id="mf2-parsers">more microformats2 parsers</h2>
<p>
The number of <a href="http://microformats.org/wiki/microformats2#Parsers">microformats2 parsers</a> in different languages continues to grow, most of them with deployed live-input textareas so you can try them on the web without touching a line of parsing code or a command line! All of these are open source (repos linked from their sections), unless otherwise noted. These are the new ones:
</p>
<ul>
<li><a href="http://microformats.org/wiki/microformats2#Elixir">Elixir</a> &#8211; created by <a class="h-card" href="https://github.com/ckruse">ckruse</a>.
</li>
<li><a href="http://microformats.org/wiki/microformats2#Haskell">Haskell</a> &#8211; created by <a class="h-card" href="https://unrelenting.technology/">myfreeweb</a>
</li>
<li><a href="http://microformats.org/wiki/microformats2#Java">Java</a> (2)</li>
</ul>
<p>
The Java parsers are a particularly interesting development as one is part of the upgrade to Apache Any23 to support microformats2 (thanks to <a href="https://twitter.com/hectorMcSpector/status/645313144676478977">Lewis John McGibbney</a>). <a href="http://any23.apache.org/download.html">Any23 is a library</a> used for analysis of various web crawl samples to measure representative use of various forms of semantic markup.
</p>
<p>
The other Java parser is <a href="https://github.com/kylewm/mf2j">mf2j, an early-stage Java microformats2 parser</a>, created by <a class="h-card" href="http://kylewm.com/">Kyle Mahan</a>.
</p>
<p>
The Elixir, Haskell, and Java parsers add to our existing in-development parser libraries in <a href="http://microformats.org/wiki/microformats2#Go">Go</a> and <a href="http://microformats.org/wiki/microformats2#Ruby">Ruby</a>. The Go parser in particular has recently seen a resurgence in interest and improvement thanks to Will Norris.
</p>
<p>
These in-development parsers add to existing production parsers, that is, those being used live on websites to parse and consume microformats for various purposes:
</p>
<ul>
<li><a href="http://microformats.org/wiki/microformats2#Javascript">Javascript</a> (cross-browser client-side, and Node)
</li>
<li><a href="http://microformats.org/wiki/microformats2#PHP">PHP</a>
</li>
<li><a href="http://microformats.org/wiki/microformats2#Python">Python</a>
</li>
</ul>
<p>
As with any open source projects, tests, feedback, and contributions are very much welcome! Try building the production parsers into your projects and sites and see how they work for you.
</p>
<h2 id="mf2-simpler">Still simpler, easier, and smaller after all these years</h2>
<p>
Usually technologies (especially standards) get increasingly complex and more difficult to use over time. With microformats we have been able to maintain (and in some cases improve) their simplicity and ease of use, and continue to this day to get testimonials saying as much, especially in comparison to other efforts:
</p>
<blockquote><p><a href="https://twitter.com/schofeld/status/648502325120737281">…hmm, looks like I should use a separate meta element: https://schema.org/startDate .<br />
<br />
Man, Schema is verbose. @microformats FTW!</a>
</p></blockquote>
<div class="h-cite">
<p>On the broader problem of schema.org verbosity (no matter the syntax), <a class="p-author h-card">Kevin Marks</a> wrote a very thorough blog post early in the past year:
</p>
<ul>
<li><cite><a class="u-url p-name" href="http://www.kevinmarks.com/microformatschema.html">Microformats 2 and Schema <time class="dt-published">2015-06-30</time></a></cite>
</li>
</ul>
</div>
<p>
More testimonials:
</p>
<blockquote><p><a href="https://twitter.com/robsonsobral/status/695243474048847872">I still prefer @microformats over microdata</a></p></blockquote>
<div class="quote-divider" style="text-align:center">* * *</div>
<blockquote><p><a href="https://twitter.com/robsonsobral/status/695260909095276544">@microformats are easier to write, easier to maintain and the code is so much smaller than microdata.</a></p></blockquote>
<div class="quote-divider" style="text-align:center">* * *</div>
<blockquote><p><a href="https://twitter.com/vlahan/status/742819320372334592">I am not a big fan of RDF, semanticweb, or predefined ontologies. We need something lightweight and emergent like the microformats</a></p></blockquote>
<p>
This last testimonial really gets at the heart of one of the deliberate improvements we have made to iterating on microformats vocabularies in particular.
</p>
<h2 id="mf2-vocabs">evolving h-entry</h2>
<p>
We have had an implementation-driven and implementation-tested practice for the microformats2 parsing specification for quite some time.
</p>
<p>
More and more we are adopting a similar approach to growing and evolving microformats vocabularies like <a href="http://microformats.org/wiki/h-entry">h-entry</a>.
</p>
<p>
We have learned to start vocabularies as minimal as possible, rather than start with everything you might want to do. That “start with everything you might want” is a common theory-first approach taken by a-priori vocabularies or entire &#8220;predefined ontologies&#8221; like schema.org&#8217;s 150+ objects at launch, very few of which (single digits?) Google or anyone bothers to do anything with, a classic example of premature overdesign, of <a href="https://en.wikipedia.org/wiki/YAGNI"><abbr title="you ain't gonna need it">YAGNI</abbr></a>).
</p>
<p>
With h-entry in particular, we started with an implementation filtered subset of hAtom, and since then have started documenting new properties through a few deliberate phases (which helps communicate to implementers which are more experimental or more stable)
</p>
<ol>
<li><a href="http://microformats.org/wiki/h-entry#Proposed_Additions">Proposed Additions</a> – when someone proposes a property, gets some sort of consensus among their community peers, and perhaps one more person to implementing it in the wild beyond themselves (e.g. as the IndieWebCamp community does), it&#8217;s worth capturing it as a proposed property to communicate that this work is happening between multiple people, and that feedback, experimentation, and iteration is desired.
</li>
<li><a href="http://microformats.org/wiki/h-entry#Draft_Properties">Draft Properties</a> &#8211; when implementations begin to consume proposed properties and doing something explicit with them, then a postive reinforcement feedback loop has started and it makes sense to indicate that such a phase change has occured by moving those properties to &#8220;draft&#8221;. There is growing activity around those properties, and thus this should be considered a last call of sorts for any non-trivial changes, which get harder to make with each new implementation.
</li>
<li><a href="http://microformats.org/wiki/h-entry#Core_Properties">Core Properties</a> &#8211; these properties have gained so much publishing and consuming support that they are for all intents and purposes stable. Another phase change has occured: it would be much harder to change them (too many implementations to coordinate) than keep them the same, and thus their stability has been determined by real world market adoption.
</li>
</ol>
<p>
The three levels here, proposed, draft, and core, are merely &#8220;working&#8221; names, that is, if you have a better idea what to call these three phases by all means propose it.
</p>
<p>
In h-entry in particular, it&#8217;s likely that some of the draft properties are now mature (implemented) enough to move them to core, and some of the proposed properties have gained enough support to move to draft. The key to making this happen is finding and citing documentation of such implementation and support. Anyone can speak up in the IRC channel etc. and point out such properties that they think are ready for advancement.
</p>
<h2 id="mf2-11-to-12">How we improve moving forward</h2>
<p>
We have made a lot of progress and have much better processes than we did even a year ago, however I think there’s still room for improvement in how we evolve both microformats technical specifications like the microformats2 parsing spec, and in how we create and improve vocabularies.
</p>
<p>It’s pretty clear that to enable innovation we have to ways of encouraging constructive experimentation, and yet we also need a way of indicating what is stable vs in-progress. For both of those we have found that real world implementations provide both a good focusing mechanism and a good way to test experiments.
</p>
<p>
In the coming year I expect we will find even better ways to explain these methods, in the hopes that others can use them in their efforts, whether related to microformats or in completely different standards efforts. For now, let’s appreciate the progress we’ve made in the past year from publishing sites, to parsing implementations, from process improvements, to continuously improving living specifications. Here&#8217;s to year 12.
</p>
<p>
Originally published at: <a href="http://tantek.com/2016/173/b1/microformats-org-at-11">tantek.com/2016/173/b1/microformats-org-at-11</a>.</p>
                </div>
                                
				<ul class="post-info">
					<li><a class="updated" href="http://microformats.org/2016/06/22/microformats-org-at-11" rel="bookmark" title="Permanent Link to microformats.org at 11">
                            <span class="value-title" title="2016-06-22T07:20:49"> </span>
                            June 22nd, 2016                        </a>
                    </li>
					<li>
					    <address class="author vcard">                
					    <a class="url fn" href="http://tantek.com/">
					        <img alt='' src='http://0.gravatar.com/avatar/02cd45622e90350cc061aaaa02229195?s=16&amp;d=http%3A%2F%2F0­.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb­6523536%3Fs%3D16&amp;r=PG' class='avatar avatar-16 photo' height='16' width='16' />					        Tantek					    </a>
					    </address>
					</li>
					<li><span>Comments Off</span></li>
                    <li>
                                            </li>
				</ul>
			</div>
				
		
	<h3 id="archive-link">Browse all entries by month in the <a href="/blog/" class="more">blog archive</a></h3>

	</div>

<hr class="hide" />
   
<div id="sidebar">    
<div id="text-137140391" class="box widget widget_text"><div class="box-inner"><h3>What are microformats?</h3>			<div class="textwidget"><p><img src="/wordpress/wp-content/themes/microformats/img/mf-lg-ora.gif" alt="" id="about-logo" />Designed for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards. <a href="/wiki/about" class="more">Learn more about microformats</a></p></div>
		</div></div><div id="text-137140392" class="box widget widget_text"><div class="box-inner"><h3>Microformat specifications</h3>			<div class="textwidget"><dl id="mf-list">
               <dt>People and Organizations </dt>
               <dd><a href="/wiki/h-card">h-card</a>, <a href="http://microformats.org/wiki/xfn"><abbr title="XHTML Friends Network">XFN</abbr></a></dd>
               <dt>Calendars and Events</dt> 
               <dd><a href="/wiki/h-calendar">h-calendar</a></dd>
               <dt>Opinions, Ratings and Reviews</dt>
               <dd><a href="/wiki/h-review">h-review</a></dd>
               <dt>Licenses:</dt>
               <dd><a href="/wiki/rel-license">rel-license</a></dd>
               
               <dt>Tags, Keywords, Categories</dt>
               <dd><a href="/wiki/rel-tag">rel-tag</a></dd>
               <dt>Lists and Outlines</dt>
               <dd><a href="/wiki/xoxo">XOXO</a></dd>
               <dt>More…</dt>
               <dd>See <a href="/wiki/">the list of all microformats</a></dd>
            </dl></div>
		</div></div><div id="text-137140393" class="box widget widget_text"><div class="box-inner"><h3>Upcoming Events</h3>			<div class="textwidget"><ul>
    <li><a href="http://microformats.org/wiki/events">See microformats events on the wiki</a></li>
    <li><a href="http://indiewebcamp.com/events">See also <strong>IndieWebCamp Events!</strong></a></li>
</ul></div>
		</div></div><div id="categories-137139891" class="box widget widget_categories"><div class="box-inner"><h3>Post Categories</h3>		<ul>
	<li class="cat-item cat-item-22"><a href="http://microformats.org/category/events" title="Events about or including microformats; parties, conferences and hack days.">Events</a>
</li>
	<li class="cat-item cat-item-1"><a href="http://microformats.org/category/news" title="View all posts filed under News">News</a>
</li>
	<li class="cat-item cat-item-39"><a href="http://microformats.org/category/this-week" title="This Week in Microformats is a semi-regular update of what&#039;s happened on the microformats.org wiki and mailing lists.">This Week in Microformats</a>
</li>
		</ul>
</div></div>      
    <div class="box">
        <div class="box-inner">
            <form method="get" id="search" action="/index.php">
	<div>
		<input type="text" value="search blog" name="s" id="search-text" onfocus="if(this.value=='' || this.value=='search blog'){this.value='';}" onblur="if(this.value==''){this.value='search blog';}" />
		<input type="image" id="search-submit" alt="Search" src="http://microformats.org/wordpress/wp-content/themes/microformats/img/btn-search.gif" />
	</div>
</form>        </div>
    </div>

    <div class="box">
        <div class="box-inner">
                    </div>
    </div>

</div> <!-- end #sidebar -->

<hr class="hide" />

<div id="footer">
	<p>Powered by <a href="http://wordpress.org">WordPress</a> | <a href="http://mediatemple.net/">(mt) media temple</a> | <a href="http://no-www.org/">No WWW</a>.	
		<!-- 20 queries. 0.293 seconds. -->
	</p>
</div>

</div> <!-- end #wrap -->
<link rel='stylesheet' id='openid-css'  href='http://microformats.org/wordpress/wp-content/plugins/openid/f/openid.css?ver=519' type='text/css' media='all' />
<script type='text/javascript' src='http://microformats.org/wordpress/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script>
<script type='text/javascript' src='http://microformats.org/wordpress/wp-content/plugins/openid/f/openid.js?ver=519'></script>

<!-- c(~) -->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-1889385-1";
urchinTracker();
</script>
</body>
</html>


Parsed source

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://gmpg.org/xfn/11">
	<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
	<title>Microformats  </title>
	<link rel="stylesheet" type="text/css" media="screen, projection" href="http://microformats.org/wordpress/wp-content/themes/microformats/style.css"/>
	<link rel="stylesheet" type="text/css" media="print" href="http://microformats.org/wordpress/wp-content/themes/microformats/css/print.css"/>
	<!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" media="screen, projection" href="http://microformats.org/wordpress/wp-content/themes/microformats/css/ie.css" />	    
	<![endif]-->
	<!--[if lte IE 5.5]>
    <link rel="stylesheet" type="text/css" media="screen, projection" href="http://microformats.org/wordpress/wp-content/themes/microformats/css/ie5.css" />	    
	<![endif]-->
	<link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>
	<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://microformats.org/feed"/>
</head>
<body>

<div id="wrap">
	<div id="header">
		<h1>		    <img src="http://microformats.org/wordpress/wp-content/themes/microformats/img/logo.gif" width="144" height="36" alt="microformats"/>
		</h1>
			
		<ul id="nav">
		<li class="active"><a href="/blog" title="Microformats.org Home" shape="rect">Blog</a></li>
<li><a href="/wiki/" title="The microformats.org documentation and specifications" shape="rect">Wiki</a></li>
<li><a href="/wiki/irc" title="Join and read discussion forum to discuss and develop microformats" shape="rect">Discuss</a></li>
<li><a href="/wiki/about" title="What are microformats?" shape="rect">About</a></li>
<li><a href="/wiki/code-tools" title="Snippets and tools to help you publish microformats" shape="rect">Code &amp; Tools</a></li>
<li><a href="/wiki/get-started" title="A little guide on how to publish your first hCard" shape="rect">Get Started</a></li>
		</ul>
	</div>
		
	<hr class="hide"/>
	

	<div id="content" class="hfeed">
		<h2 id="home-title">Latest microformats news <a href="http://microformats.org/feed" title="link to RSS feed" id="feed-link" shape="rect"><img src="http://microformats.org/wordpress/wp-content/themes/microformats/img/xml.gif" width="23" height="13" alt="Feed"/></a></h2>
			
					<div class="entry hentry">
				<h3 class="entry-title" id="post-480"><a href="http://microformats.org/2018/06/22/microformats-org-year-14-welcome-new-admins" rel="bookmark" title="Permanent Link to microformats.org Year 14 — Welcome New Admins" shape="rect">microformats.org Year 14 — Welcome New Admins</a></h3>
                <div class="entry-content">
				    <p>In microformats.org year 14, we welcome <a href="http://microformats.org/wiki/admins" shape="rect">new admins</a>: <a href="https://aaronparecki.com/" shape="rect">Aaron Parecki</a>, <a href="https://gregorlove.com/" shape="rect">Gregor Morrill</a>, <a href="https://vanderven.se/martijn/" shape="rect">Martijn van der Ven</a>, and <a href="https://www.svenknebel.de/" shape="rect">Sven Knebel</a>! All have been active for years, helping welcome new members and doing essential wiki gardening &amp; <a href="http://microformats.org/wiki/microformats2#Implementations" shape="rect">microformats2 parser updates</a>!</p>
<p>Originally posted at: <a href="http://tantek.com/2018/173/t2/microformats-welcome-new-admins" shape="rect">tantek.com</a></p>
                </div>
                                <div class="post-tags">
                    <h4>Tags for this entry</h4>
                    <ul><li><a href="http://microformats.org/tag/microformats2" rel="tag" shape="rect">microformats2</a></li></ul>                </div>
                                
				<ul class="post-info">
					<li><a class="updated" href="http://microformats.org/2018/06/22/microformats-org-year-14-welcome-new-admins" rel="bookmark" title="Permanent Link to microformats.org Year 14 — Welcome New Admins" shape="rect">
                            <span class="value-title" title="2018-06-22T15:14:41"> </span>
                            June 22nd, 2018                        </a>
                    </li>
					<li>
					    <address class="author vcard">                
					    <a class="url fn" href="http://tantek.com/" shape="rect">
					        <img alt="" src="http://0.gravatar.com/avatar/02cd45622e90350cc061aaaa02229195?s=16&amp;d=http%3A%2F%2F0­.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb­6523536%3Fs%3D16&amp;r=PG" class="avatar avatar-16 photo" height="16" width="16"/>					        Tantek					    </a>
					    </address>
					</li>
					<li><a href="http://microformats.org/2018/06/22/microformats-org-year-14-welcome-new-admins#respond" title="Comment on microformats.org Year 14 — Welcome New Admins" shape="rect">Add Comment</a></li>
                    <li>
                                            </li>
				</ul>
			</div>
					<div class="entry hentry">
				<h3 class="entry-title" id="post-475"><a href="http://microformats.org/2018/06/21/happy-13th-to-microformats-org" rel="bookmark" title="Permanent Link to Happy 13th to microformats.org!" shape="rect">Happy 13th to microformats.org!</a></h3>
                <div class="entry-content">
				    <p>With more use of <a href="http://microformats.org/wiki/microformats2" shape="rect">microformats2</a>, especially among the growing <a href="https://indieweb.org/" shape="rect">indieweb</a> network of websites, we’ve iterated <a href="http://microformats.org/wiki/microformats2-parsing" shape="rect">key</a> <a href="http://microformats.org/wiki/h-feed" shape="rect">specs</a> for real-world needs and are seeing more active community members. More updates &amp; posts coming up!</p>
<p>Originally posted on <a href="http://tantek.com/2018/171/t2/happy-13th-microformats-org" shape="rect">tantek.com</a>.</p>
                </div>
                                <div class="post-tags">
                    <h4>Tags for this entry</h4>
                    <ul><li><a href="http://microformats.org/tag/indieweb" rel="tag" shape="rect">indieweb</a>, </li><li><a href="http://microformats.org/tag/microformats2" rel="tag" shape="rect">microformats2</a></li></ul>                </div>
                                
				<ul class="post-info">
					<li><a class="updated" href="http://microformats.org/2018/06/21/happy-13th-to-microformats-org" rel="bookmark" title="Permanent Link to Happy 13th to microformats.org!" shape="rect">
                            <span class="value-title" title="2018-06-21T08:40:46"> </span>
                            June 21st, 2018                        </a>
                    </li>
					<li>
					    <address class="author vcard">                
					    <a class="url fn" href="http://tantek.com/" shape="rect">
					        <img alt="" src="http://0.gravatar.com/avatar/02cd45622e90350cc061aaaa02229195?s=16&amp;d=http%3A%2F%2F0­.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb­6523536%3Fs%3D16&amp;r=PG" class="avatar avatar-16 photo" height="16" width="16"/>					        Tantek					    </a>
					    </address>
					</li>
					<li><a href="http://microformats.org/2018/06/21/happy-13th-to-microformats-org#respond" title="Comment on Happy 13th to microformats.org!" shape="rect">Add Comment</a></li>
                    <li>
                                            </li>
				</ul>
			</div>
					<div class="entry hentry">
				<h3 class="entry-title" id="post-469"><a href="http://microformats.org/2017/06/22/improving-the-php-mf2-parser" rel="bookmark" title="Permanent Link to Improving the php-mf2 parser" shape="rect">Improving the php-mf2 parser</a></h3>
                <div class="entry-content">
				    <p>During the past year, the popular <a href="https://github.com/indieweb/php-mf2" shape="rect">php-mf2</a> microformats parser has received quite a few improvements. My site runs ProcessWire and one of the plugins for it uses php-mf2, so I have been spending some time on it.</p>
<p>My own experience with microformats started when I discovered the <a href="http://microformats.org/wiki/hcard" shape="rect">hCard microformat</a>. I was impressed with the novelty of adding some simple HTML classes around contact information and having a browser extension parse it into an address book. Years later, when I started to get involved in the IndieWeb community, I learned a lot more about microformats2 and they became a key building block of my personal site.</p>
<p>php-mf2 is now much better at backwards-compatible parsing of microformats1. This is important because software should be able to consistently consume content whether it’s marked up with microformats1, microformats2, or a combination. An experimental feature for parsing language attributes has also been added. Finally, it’s now using the microformats test suite. Several other parsers use this test suite as well. This will make it easier to catch bugs and improve all of the different parsers.</p>
<p>php-mf2 is a stable library that’s ready to be installed in your software to start consuming microformats. It is currently used in <a href="https://withknown.com" shape="rect">Known</a>, <a href="https://wordpress.org/plugins/semantic-linkbacks/" shape="rect">WordPress plugins</a>, and <a href="https://modules.processwire.com/modules/webmention/" shape="rect">ProcessWire plugins</a> for richer social interactions. It’s also used in tools like <a href="https://github.com/aaronpk/XRay" shape="rect">XRay</a> and <a href="https://microformats.io" shape="rect">microformats.io</a>. I’m looking forward to more improvements to php-mf2 in the coming year as well as more software using it!</p>
<p>Original published at: <a href="https://gregorlove.com/2017/06/improving-the-php-mf2-parser/" shape="rect">https://gregorlove.com/2017/06/improving-the-php-mf2-parser/</a></p>
                </div>
                                
				<ul class="post-info">
					<li><a class="updated" href="http://microformats.org/2017/06/22/improving-the-php-mf2-parser" rel="bookmark" title="Permanent Link to Improving the php-mf2 parser" shape="rect">
                            <span class="value-title" title="2017-06-22T09:13:53"> </span>
                            June 22nd, 2017                        </a>
                    </li>
					<li>
					    <address class="author vcard">                
					    <a class="url fn" href="https://gregorlove.com/" shape="rect">
					        <img alt="" src="http://0.gravatar.com/avatar/aca81ab5bf69a4626c91edc811cea208?s=16&amp;d=http%3A%2F%2F0­.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb­6523536%3Fs%3D16&amp;r=PG" class="avatar avatar-16 photo" height="16" width="16"/>					        gRegor Morrill					    </a>
					    </address>
					</li>
					<li><span>Comments Off</span></li>
                    <li>
                                            </li>
				</ul>
			</div>
					<div class="entry hentry">
				<h3 class="entry-title" id="post-458"><a href="http://microformats.org/2017/06/20/evolving-for-12-years" rel="bookmark" title="Permanent Link to Evolving for 12 Years" shape="rect">Evolving for 12 Years</a></h3>
                <div class="entry-content">
				    <p>For the 12th birthday of microformats.org (congratulations!) <a class="h-card" href="http://tantek.com/" shape="rect">Tantek</a> asked the community if any of us would like to highlight whatever we liked in a guest post. I am taking this opportunity to talk about my favourite feature of microformats: its constant evolvement.</p>
<p>Sometimes it feels like a standard is done. Sometimes it feels like a standard is abandoned before its time. In a few special cases a standard keeps evolving. I think we can agree that microformats goes in the latter category. This is hugely thanks to the fact that anyone can help it grow.</p>
<p>As you read this, <a href="https://github.com/microformats/h-event/issues/2" shape="rect">work is being done</a> to upgrade <a href="http://microformats.org/wiki/h-event" shape="rect">h-event</a> from a Draft to a full Specification. This prompted a few of us to have a look at what people are doing with the format. As it turns out: it has departed from the Draft!</p>
<p><a href="https://indieweb.org/" shape="rect">The IndieWeb community</a> is putting events in their feeds, interleaving them with other items (like blog posts) that use <a href="http://microformats.org/wiki/h-entry" shape="rect">h-entry</a>. To make the events fit within this context properties are being copied over from h-entry, properties completely new to h-event. Somehow these separate implementations introduced <em>the same</em> properties, showing how h-event is evolving quicker than its Draft Specification without splintering it in lots of different versions. Naturally evolving the format forwards!</p>
<p>Then there are the small, fringe changes. Work on <a href="http://microformats.org/wiki/h-card-brainstorming#Pronouns" shape="rect">pronouns in h-cards</a> has been mostly dormant since 2015. I spent time with it during <a href="https://indieweb.org/2017/Nuremberg" shape="rect">IndieWebCamp Nuremberg</a> and came to <a href="http://wiki.zegnat.net/microformats/pronoun" shape="rect">a completely different conclusion</a> on how to mark-up my pronouns. The beauty there is that anyone can do the same! All it takes is to put something on your site, like the IndieWeb community did with h-event, and tell the world about this piece of extra information they now have access to.</p>
<p>Here is to one more year of constantly tinkering with our HTML and giving more meaning to the information we publish 🥂</p>
                </div>
                                
				<ul class="post-info">
					<li><a class="updated" href="http://microformats.org/2017/06/20/evolving-for-12-years" rel="bookmark" title="Permanent Link to Evolving for 12 Years" shape="rect">
                            <span class="value-title" title="2017-06-20T07:09:08"> </span>
                            June 20th, 2017                        </a>
                    </li>
					<li>
					    <address class="author vcard">                
					    <a class="url fn" href="http://vanderven.se/martijn/" shape="rect">
					        <img alt="" src="http://0.gravatar.com/avatar/a9f47f86e88c589944f97747e0fffff9?s=16&amp;d=http%3A%2F%2F0­.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb­6523536%3Fs%3D16&amp;r=PG" class="avatar avatar-16 photo" height="16" width="16"/>					        Martijn					    </a>
					    </address>
					</li>
					<li><span>Comments Off</span></li>
                    <li>
                                            </li>
				</ul>
			</div>
					<div class="entry hentry">
				<h3 class="entry-title" id="post-447"><a href="http://microformats.org/2016/06/22/microformats-org-at-11" rel="bookmark" title="Permanent Link to microformats.org at 11" shape="rect">microformats.org at 11</a></h3>
                <div class="entry-content">
				    <p><a href="http://julieannenoying.com/2016/06/20/happy-birthday-microformats/" shape="rect"><img style="display:block;text-align:center;margin:0 auto;max-width:100%" src="http://julieannenoying.com/wp-content/uploads/2016/06/ermergerd.jpg" alt="ERMERGERD!!! (excited girl holding a large microformats logo) HERPER BERTHDER!!!"/></a><br/>
Thanks to <a class="h-card" href="http://julieannenoying.com/" shape="rect">Julie Anne Noying</a> for the meme birthday card.
</p>
<aside>
<div class="aside">
<p>
In this day and age of <a href="https://medium.com/@wob/the-sad-state-of-web-development-1603a861d29f" shape="rect">web frameworks that rise and fall</a> like seasonal fashion displays, <a href="https://medium.com/@anildash/the-end-of-thinkup-e600bc46cc56" shape="rect">bait-and-break APIs</a>, and <a href="https://indiewebcamp.com/site-deaths#2015" shape="rect">sudden site-deaths</a>, it’s nothing short of incredible that we’ve been able to continue evolving, improving, and growing microformats use for 11 years. All that incremental work has produced quite a lot since <a href="http://tantek.com/2015/171/t1/10th-anniversary-microformats" shape="rect">a year ago</a>. Most recently, we’ve made great progress with iterating, publishing, and deploying <a href="http://microformats.org/wiki/microformats2" shape="rect">microformats2</a> support.</p>
<p>I believe microformats.org has surived as a community, and microformats as a technology, by continuing to focus on solving smaller, simpler problems first, and then iterating only as needed with real world use-cases. It’s an approach I think works as a good starting point for nearly any project. -Tantek
</p>
</div>
</aside>
<h2 id="mf2-pubs-parsers">10,000s of microformats2 sites and now 10 microformats2 parsers</h2>
<p>
The past year saw a huge leap in the number of sites publishing <a href="http://microformats.org/wiki/microformats2" shape="rect">microformats2</a>, from 1000s to now 10s of thousands of sites, primarily by adoption in the <a href="https://indiewebcamp.com/" shape="rect">IndieWebCamp</a> community, and especially the excellent <a href="http://withknown.com/" shape="rect">Known publishing system</a> and continually improving <a href="https://indiewebcamp.com/Getting_Started_on_WordPress" shape="rect">WordPress plugins &amp; themes</a>.
</p>
<p>
New <a href="http://microformats.org/wiki/microformats2#Parsers" shape="rect">modern microformats2 parsers</a> continue to be developed in various languages, and this past year, four new parsing libraries (in three different languages) were added, almost doubling our previous set of six (in five different languages) that brought our year 11 total to 10 microformats2 parsing libraries available in 8 different programming languages.
</p>
<h2 id="mf2-parsing-spec">microformats2 parsing spec updates</h2>
<p>
The <a href="http://microformats.org/wiki/microformats2-parsing" shape="rect">microformats2 parsing specification</a> has made significant progress in the past year, all of it incremental iteration based on real world publishing and parsing experience, each improvement discussed openly, and tested with real world implementations. The microformats2 parsing spec is the core of what has enabled even simpler publishing <em>and</em> processing of microformats.
</p>
<p>
The specification has reached a level of stability and interoperability where fewer issues are being filed, and those that are being filed are in general more and more minor, although once in a while we find some more interesting opportunities for improvement.
</p>
<p>We reached a milestone two weeks ago of resolving all outstanding <a href="http://microformats.org/wiki/microformats2-parsing-issues" shape="rect">microformats2 parsing issues</a> thanks to <a class="h-card" href="https://willnorris.com/" shape="rect">Will Norris</a> leading the charge with a developer spec hacking session at the recent <a href="https://indiewebcamp.com/2016" shape="rect">IndieWeb Summit</a> where he gathered parser implementers and myself (as editor) and walked us through issue by issue discussions and consensus resolutions. Some of those still require minor edits to the specification, which we expect to complete in the next few days.
</p>
<p>One of the meta-lessons we learned in that process is that the wiki  really is less suitable for collaborative issue filing and resolving, and as of today are switching to using <a href="https://github.com/microformats/microformats2-parsing/issues" shape="rect">a GitHub repo for filing any new microformats2 parsing issues</a>.
</p>
<h2 id="mf2-parsers">more microformats2 parsers</h2>
<p>
The number of <a href="http://microformats.org/wiki/microformats2#Parsers" shape="rect">microformats2 parsers</a> in different languages continues to grow, most of them with deployed live-input textareas so you can try them on the web without touching a line of parsing code or a command line! All of these are open source (repos linked from their sections), unless otherwise noted. These are the new ones:
</p>
<ul>
<li><a href="http://microformats.org/wiki/microformats2#Elixir" shape="rect">Elixir</a> – created by <a class="h-card" href="https://github.com/ckruse" shape="rect">ckruse</a>.
</li>
<li><a href="http://microformats.org/wiki/microformats2#Haskell" shape="rect">Haskell</a> – created by <a class="h-card" href="https://unrelenting.technology/" shape="rect">myfreeweb</a>
</li>
<li><a href="http://microformats.org/wiki/microformats2#Java" shape="rect">Java</a> (2)</li>
</ul>
<p>
The Java parsers are a particularly interesting development as one is part of the upgrade to Apache Any23 to support microformats2 (thanks to <a href="https://twitter.com/hectorMcSpector/status/645313144676478977" shape="rect">Lewis John McGibbney</a>). <a href="http://any23.apache.org/download.html" shape="rect">Any23 is a library</a> used for analysis of various web crawl samples to measure representative use of various forms of semantic markup.
</p>
<p>
The other Java parser is <a href="https://github.com/kylewm/mf2j" shape="rect">mf2j, an early-stage Java microformats2 parser</a>, created by <a class="h-card" href="http://kylewm.com/" shape="rect">Kyle Mahan</a>.
</p>
<p>
The Elixir, Haskell, and Java parsers add to our existing in-development parser libraries in <a href="http://microformats.org/wiki/microformats2#Go" shape="rect">Go</a> and <a href="http://microformats.org/wiki/microformats2#Ruby" shape="rect">Ruby</a>. The Go parser in particular has recently seen a resurgence in interest and improvement thanks to Will Norris.
</p>
<p>
These in-development parsers add to existing production parsers, that is, those being used live on websites to parse and consume microformats for various purposes:
</p>
<ul>
<li><a href="http://microformats.org/wiki/microformats2#Javascript" shape="rect">Javascript</a> (cross-browser client-side, and Node)
</li>
<li><a href="http://microformats.org/wiki/microformats2#PHP" shape="rect">PHP</a>
</li>
<li><a href="http://microformats.org/wiki/microformats2#Python" shape="rect">Python</a>
</li>
</ul>
<p>
As with any open source projects, tests, feedback, and contributions are very much welcome! Try building the production parsers into your projects and sites and see how they work for you.
</p>
<h2 id="mf2-simpler">Still simpler, easier, and smaller after all these years</h2>
<p>
Usually technologies (especially standards) get increasingly complex and more difficult to use over time. With microformats we have been able to maintain (and in some cases improve) their simplicity and ease of use, and continue to this day to get testimonials saying as much, especially in comparison to other efforts:
</p>
<blockquote><p><a href="https://twitter.com/schofeld/status/648502325120737281" shape="rect">…hmm, looks like I should use a separate meta element: https://schema.org/startDate .<br/>
<br/>
Man, Schema is verbose. @microformats FTW!</a>
</p></blockquote>
<div class="h-cite">
<p>On the broader problem of schema.org verbosity (no matter the syntax), <a class="p-author h-card" shape="rect">Kevin Marks</a> wrote a very thorough blog post early in the past year:
</p>
<ul>
<li><cite><a class="u-url p-name" href="http://www.kevinmarks.com/microformatschema.html" shape="rect">Microformats 2 and Schema <time class="dt-published">2015-06-30</time></a></cite>
</li>
</ul>
</div>
<p>
More testimonials:
</p>
<blockquote><p><a href="https://twitter.com/robsonsobral/status/695243474048847872" shape="rect">I still prefer @microformats over microdata</a></p></blockquote>
<div class="quote-divider" style="text-align:center">* * *</div>
<blockquote><p><a href="https://twitter.com/robsonsobral/status/695260909095276544" shape="rect">@microformats are easier to write, easier to maintain and the code is so much smaller than microdata.</a></p></blockquote>
<div class="quote-divider" style="text-align:center">* * *</div>
<blockquote><p><a href="https://twitter.com/vlahan/status/742819320372334592" shape="rect">I am not a big fan of RDF, semanticweb, or predefined ontologies. We need something lightweight and emergent like the microformats</a></p></blockquote>
<p>
This last testimonial really gets at the heart of one of the deliberate improvements we have made to iterating on microformats vocabularies in particular.
</p>
<h2 id="mf2-vocabs">evolving h-entry</h2>
<p>
We have had an implementation-driven and implementation-tested practice for the microformats2 parsing specification for quite some time.
</p>
<p>
More and more we are adopting a similar approach to growing and evolving microformats vocabularies like <a href="http://microformats.org/wiki/h-entry" shape="rect">h-entry</a>.
</p>
<p>
We have learned to start vocabularies as minimal as possible, rather than start with everything you might want to do. That “start with everything you might want” is a common theory-first approach taken by a-priori vocabularies or entire “predefined ontologies” like schema.org’s 150+ objects at launch, very few of which (single digits?) Google or anyone bothers to do anything with, a classic example of premature overdesign, of <a href="https://en.wikipedia.org/wiki/YAGNI" shape="rect"><abbr title="you ain't gonna need it">YAGNI</abbr></a>).
</p>
<p>
With h-entry in particular, we started with an implementation filtered subset of hAtom, and since then have started documenting new properties through a few deliberate phases (which helps communicate to implementers which are more experimental or more stable)
</p>
<ol>
<li><a href="http://microformats.org/wiki/h-entry#Proposed_Additions" shape="rect">Proposed Additions</a> – when someone proposes a property, gets some sort of consensus among their community peers, and perhaps one more person to implementing it in the wild beyond themselves (e.g. as the IndieWebCamp community does), it’s worth capturing it as a proposed property to communicate that this work is happening between multiple people, and that feedback, experimentation, and iteration is desired.
</li>
<li><a href="http://microformats.org/wiki/h-entry#Draft_Properties" shape="rect">Draft Properties</a> – when implementations begin to consume proposed properties and doing something explicit with them, then a postive reinforcement feedback loop has started and it makes sense to indicate that such a phase change has occured by moving those properties to “draft”. There is growing activity around those properties, and thus this should be considered a last call of sorts for any non-trivial changes, which get harder to make with each new implementation.
</li>
<li><a href="http://microformats.org/wiki/h-entry#Core_Properties" shape="rect">Core Properties</a> – these properties have gained so much publishing and consuming support that they are for all intents and purposes stable. Another phase change has occured: it would be much harder to change them (too many implementations to coordinate) than keep them the same, and thus their stability has been determined by real world market adoption.
</li>
</ol>
<p>
The three levels here, proposed, draft, and core, are merely “working” names, that is, if you have a better idea what to call these three phases by all means propose it.
</p>
<p>
In h-entry in particular, it’s likely that some of the draft properties are now mature (implemented) enough to move them to core, and some of the proposed properties have gained enough support to move to draft. The key to making this happen is finding and citing documentation of such implementation and support. Anyone can speak up in the IRC channel etc. and point out such properties that they think are ready for advancement.
</p>
<h2 id="mf2-11-to-12">How we improve moving forward</h2>
<p>
We have made a lot of progress and have much better processes than we did even a year ago, however I think there’s still room for improvement in how we evolve both microformats technical specifications like the microformats2 parsing spec, and in how we create and improve vocabularies.
</p>
<p>It’s pretty clear that to enable innovation we have to ways of encouraging constructive experimentation, and yet we also need a way of indicating what is stable vs in-progress. For both of those we have found that real world implementations provide both a good focusing mechanism and a good way to test experiments.
</p>
<p>
In the coming year I expect we will find even better ways to explain these methods, in the hopes that others can use them in their efforts, whether related to microformats or in completely different standards efforts. For now, let’s appreciate the progress we’ve made in the past year from publishing sites, to parsing implementations, from process improvements, to continuously improving living specifications. Here’s to year 12.
</p>
<p>
Originally published at: <a href="http://tantek.com/2016/173/b1/microformats-org-at-11" shape="rect">tantek.com/2016/173/b1/microformats-org-at-11</a>.</p>
                </div>
                                
				<ul class="post-info">
					<li><a class="updated" href="http://microformats.org/2016/06/22/microformats-org-at-11" rel="bookmark" title="Permanent Link to microformats.org at 11" shape="rect">
                            <span class="value-title" title="2016-06-22T07:20:49"> </span>
                            June 22nd, 2016                        </a>
                    </li>
					<li>
					    <address class="author vcard">                
					    <a class="url fn" href="http://tantek.com/" shape="rect">
					        <img alt="" src="http://0.gravatar.com/avatar/02cd45622e90350cc061aaaa02229195?s=16&amp;d=http%3A%2F%2F0­.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb­6523536%3Fs%3D16&amp;r=PG" class="avatar avatar-16 photo" height="16" width="16"/>					        Tantek					    </a>
					    </address>
					</li>
					<li><span>Comments Off</span></li>
                    <li>
                                            </li>
				</ul>
			</div>
				
		
	<h3 id="archive-link">Browse all entries by month in the <a href="/blog/" class="more" shape="rect">blog archive</a></h3>

	</div>

<hr class="hide"/>
   
<div id="sidebar">    
<div id="text-137140391" class="box widget widget_text"><div class="box-inner"><h3>What are microformats?</h3>			<div class="textwidget"><p><img src="/wordpress/wp-content/themes/microformats/img/mf-lg-ora.gif" alt="" id="about-logo"/>Designed for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards. <a href="/wiki/about" class="more" shape="rect">Learn more about microformats</a></p></div>
		</div></div><div id="text-137140392" class="box widget widget_text"><div class="box-inner"><h3>Microformat specifications</h3>			<div class="textwidget"><dl id="mf-list">
               <dt>People and Organizations </dt>
               <dd><a href="/wiki/h-card" shape="rect">h-card</a>, <a href="http://microformats.org/wiki/xfn" shape="rect"><abbr title="XHTML Friends Network">XFN</abbr></a></dd>
               <dt>Calendars and Events</dt> 
               <dd><a href="/wiki/h-calendar" shape="rect">h-calendar</a></dd>
               <dt>Opinions, Ratings and Reviews</dt>
               <dd><a href="/wiki/h-review" shape="rect">h-review</a></dd>
               <dt>Licenses:</dt>
               <dd><a href="/wiki/rel-license" shape="rect">rel-license</a></dd>
               
               <dt>Tags, Keywords, Categories</dt>
               <dd><a href="/wiki/rel-tag" shape="rect">rel-tag</a></dd>
               <dt>Lists and Outlines</dt>
               <dd><a href="/wiki/xoxo" shape="rect">XOXO</a></dd>
               <dt>More…</dt>
               <dd>See <a href="/wiki/" shape="rect">the list of all microformats</a></dd>
            </dl></div>
		</div></div><div id="text-137140393" class="box widget widget_text"><div class="box-inner"><h3>Upcoming Events</h3>			<div class="textwidget"><ul>
    <li><a href="http://microformats.org/wiki/events" shape="rect">See microformats events on the wiki</a></li>
    <li><a href="http://indiewebcamp.com/events" shape="rect">See also <strong>IndieWebCamp Events!</strong></a></li>
</ul></div>
		</div></div><div id="categories-137139891" class="box widget widget_categories"><div class="box-inner"><h3>Post Categories</h3>		<ul>
	<li class="cat-item cat-item-22"><a href="http://microformats.org/category/events" title="Events about or including microformats; parties, conferences and hack days." shape="rect">Events</a>
</li>
	<li class="cat-item cat-item-1"><a href="http://microformats.org/category/news" title="View all posts filed under News" shape="rect">News</a>
</li>
	<li class="cat-item cat-item-39"><a href="http://microformats.org/category/this-week" title="This Week in Microformats is a semi-regular update of what's happened on the microformats.org wiki and mailing lists." shape="rect">This Week in Microformats</a>
</li>
		</ul>
</div></div>      
    <div class="box">
        <div class="box-inner">
            <form method="get" id="search" action="/index.php" enctype="application/x-www-form-urlencoded">
	<div>
		<input type="text" value="search blog" name="s" id="search-text" onfocus="if(this.value=='' || this.value=='search blog'){this.value='';}" onblur="if(this.value==''){this.value='search blog';}"/>
		<input type="image" id="search-submit" alt="Search" src="http://microformats.org/wordpress/wp-content/themes/microformats/img/btn-search.gif"/>
	</div>
</form>        </div>
    </div>

    <div class="box">
        <div class="box-inner">
                    </div>
    </div>

</div> <!-- end #sidebar -->

<hr class="hide"/>

<div id="footer">
	<p>Powered by <a href="http://wordpress.org" shape="rect">WordPress</a> | <a href="http://mediatemple.net/" shape="rect">(mt) media temple</a> | <a href="http://no-www.org/" shape="rect">No WWW</a>.	
		<!-- 20 queries. 0.293 seconds. -->
	</p>
</div>

</div> <!-- end #wrap -->
<link rel="stylesheet" id="openid-css" href="http://microformats.org/wordpress/wp-content/plugins/openid/f/openid.css?ver=519" type="text/css" media="all"/>
<script type="text/javascript" src="http://microformats.org/wordpress/wp-includes/js/jquery/jquery.js?ver=1.7.2" xml:space="preserve"/>
<script type="text/javascript" src="http://microformats.org/wordpress/wp-content/plugins/openid/f/openid.js?ver=519" xml:space="preserve"/>

<!-- c(~) -->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript" xml:space="preserve">
</script>
<script type="text/javascript" xml:space="preserve">
_uacct = "UA-1889385-1";
urchinTracker();
</script>
</body>
</html>

Credits

Written by . Icons are from Tango Icon Library. Test cases include hCard Acid test by Dmitry Baranovskiy, examples from microformats.org and hCard test suite.

Source code is available under the BSD license.


¹ It's not a validator in the XML/SGML sense.