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. No issues found.

    GEO latitude 
    37.38211
    longitude 
    -122.027965
    Formatted name 
    Max Rible Kaehn
    Name Given Name 
    Max
    Additional Name 
    Rible
    Family Name 
    Kaehn
    Photo URL 
    //www.mithriltabby.com/images/usericon.jpeg
    URL http://www.mithriltabby.com/

File source

<?xml version="1.0" encoding="UTF-8"?> <!-- -*- XML -*- -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head profile="http://microformats.org/profile/specs/"><title>mithriltabby - Max Kaehn’s home page</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<!-- Specifying UTF-8 in the HTTP headers doesn't persuade IE to use UTF-8. -->
<!--[if IE]>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
<link rel="icon" type="image/png" href="images/zonk16x16.png" />
<link rev="made" href="http://www.mithriltabby.com/" />
<script type="text/javascript" src="code.js">
<!-- Can't use <script/> because I have to be able to serve this up to
Internet Exploder as text/html. -->
</script>

<link rel="home start contents" href="/" />
<link rel="next" href="names.xhtml" />
<link rel="meta" type="application/rdf+xml" title="FOAF" href="foaf.rdf" />
<link rel="feed" href="http://mithriltabby.dreamwidth.org/data/rss" type="application/rss+xml" title="Dreamwidth" />
<link rel="feed" href="http://mithriltabby.tumblr.com/rss" type="application/rss+xml" title="Tumblr" />
<link rel="feed" href="http://www.diigo.com/rss/user/mithriltabby" type="application/rss+xml" title="Diigo links" />
<link rel="feed" href="https://www.librarything.com/rss/reviews/slothman" type="application/rss+xml" title="LibraryThing reviews" />
<link rel="me" href="https://micro.blog/mithriltabby"/>
<link rel="feed" href="http://www.yelp.com/syndicate/user/FBp-DAU1vtSLg7ipitLUVA/rss.xml" type="application/rss+xml" title="Yelp reviews" />
<!-- http://wiki.whatwg.org/wiki/RelExtensions -->
<link rel="pronunciation" href="lexicon.xml" />
<meta name="description" content="The home page of Max Kaehn." />
<meta name="keywords" content="Max Rible Kaehn, Max Kaehn, Max Rible" />
<meta name="author" content="Max Rible Kaehn" />
<meta name="ICBM" content="37.38211, -122.027965" />
<meta name="geo.position" content="37.38211;-122.027965" />
<meta name="geo.placename" content="Maine Coon Manor, Sunnyvale, CA, US" />
<meta name="geo.region" content="US" />
<meta name="google-site-verification" content="OwOa7d5PaqW-onn8jNYsXe4e41PmLeqlpROSfwyKc40" />
</head>
<body>
<!-- Put a 100px margin on the left to match the img on the right. -->
<div style="float:left; width:100px; height:79px"></div>
<div style="float:right; width:100px; height:100px"><img src="images/mithriltabby.png" style="float:right" width="100" height="100" alt="mithriltabby" /></div>
<h1 style="margin-bottom: 0; clear:none;">mithriltabby</h1>
<!-- hCard microformat -->
<div class="vcard">
  <p class="subhead"><i>
    <span class="n fn">
      <span class="given-name">Max</span>
      <span class="additional-name">Rible</span>
      <span class="family-name">Kaehn</span>
    </span>
  </i></p>
  <div class="geo hidden">
    <abbr class="latitude" title="37.38211">37°22’55.60” N</abbr>,
    <abbr class="longitude" title="-122.027965">122°1’40.67” W</abbr>
  </div>
  <!-- Put the short version of my name here in hopes of bringing up the
       rank on searches for “Max Kaehn”. -->
  <p class="hidden">Max Kaehn</p>
  <img class="photo hidden" src="//www.mithriltabby.com/images/usericon.jpeg" alt="hCard photo" />

<!-- Hyperlinks to all my various online identities, with XFN notation
indicating that it’s me.  Need to include a hidden span of the actual
names, since XFN won’t figure it out from the title/alt of the images
I’m using.
-->
<p class="center">
<a class="url hidden" href="http://www.mithriltabby.com/">home</a>
<span class="hidden">•</span>
<a href="names.xhtml">names</a>
• <!-- Obfuscated email address in hopes of deterring spambots. -->
<a
class='email me'
href 
= '	
&#x20;&#x6D;&#x61;i&#x6C;­t&#111;&#x3a;&#32;&#x25;73&#37;6&#x63;&#x25;6ft&#x­68;%6d&#x25;61&#110;%40m%&#54;&#x39;&#x74;&#x25;68­r&#105;%&#x36;c%&#55;&#x34;&#97;&#x62;&#x62;&#37;7­&#x39;&#x25;&#x32;e&#x63;o&#109;?
'>em<!--
mailto:abuse@hotmail.com
</a>
-->ail</a>
•
<a href="vocation.xhtml">vocation</a>
•
<a rel="me" href="resume.xhtml">résumé</a>
•
<a href="avocation.xhtml">avocations</a>
•
<a href="input.xhtml">input</a>
•
<a href="output.xhtml">output</a>
•
<a href="technology.xhtml">technology</a>
•
<a href="politics.xhtml">politics</a>
•
<a href="metaphysics.xhtml">metaphysics</a>
</p>
</div> <!-- hCard -->

<p class="center">
<!-- When CSS3 is supported I can just use target-new: tab -->
<!-- Note when using CSS sprites:  if you don't put some sort of text,
even hidden text, inside the sprites, IE 8.0.6001.18702 (at least)
will size them incorrectly.  Hence all the hidden text even when I'm
not using XFN notation.
-->

<a rel="external me" href="http://mithriltabby.dreamwidth.org/"
title="Dreamwidth" class="favicon dreamwidth"><span class="hidden">Dreamwidth</span></a>

<a rel="external me" href="http://twitter.com/mithriltabby"
title="Twitter" class="favicon twitter"><span class="hidden">Twitter</span></a>

<a rel="external me" href="http://instagram.com/mithriltabby" title="Instagram" class="favicon instagram"><span class="hidden">Instagram</span></a>

<a rel="external me" href="https://wandering.shop/@mithriltabby"
title="Mastodon (Main)" class="favicon mastodon"><span class="hidden">Mastodon</span></a>

<a rel="external me" href="https://dice.camp/@mithriltabby"
title="Mastodon (Gaming)" class="favicon mastodon"><span class="hidden">Mastodon</span></a>

<a rel="external me" href="https://ganesha.masto.host/@mithriltabby"
title="Mastodon (Zen)" class="favicon mastodon"><span class="hidden">Mastodon</span></a>

<a rel="external me" href="https://pixelfed.social/mithriltabby" title="Pixelfed" class="favicon pixelfed"><span class="hidden">Pixelfed</span></a>

<a rel="external me" href="https://diasp.org/people/4d1bbcc5ec26e25e6f00037f" title="Diaspora" class="favicon diaspora"><span class="hidden">Diaspora</span></a>

<a rel="external me" href="http://mithriltabby.tumblr.com/"
title="Tumblr" class="favicon tumblr"><span class="hidden">tumblr</span></a>

<a rel="external me" href="http://pinterest.com/mithriltabby/" title="Pinterest" class="favicon pinterest"><span class="hidden">Pinterest</span></a>

<a rel="external me" href="http://plus.google.com/+MaxKaehn"
title="Google" class="favicon googleplus"><span class="hidden">Google</span></a>

<a rel="external me" href="http://www.diigo.com/profile/mithriltabby"
title="diigo" class="favicon diigo"><span class="hidden">diigo</span></a>

<a rel="external me" href="https://www.librarything.com/home/slothman"
title="LibraryThing" class="favicon librarything"><span class="hidden">LibraryThing</span></a>

<a rel="external me" href="http://stackexchange.com/users/5623/max-rible-kaehn"
title="Stack Exchange" class="favicon stackexchange"><span class="hidden">Stack Exchange</span></a>

<a rel="external me" href="http://www.facebook.com/mithriltabby"
title="Facebook" class="favicon facebook"><span class="hidden">Facebook</span></a>

<a rel="external me" href="http://www.linkedin.com/in/slothman"
title="LinkedIn" class="favicon linkedin"><span class="hidden">LinkedIn</span></a>

<a rel="external me" href="http://mithriltabby.yelp.com/"
title="Yelp" class="favicon yelp"><span class="hidden">Yelp</span></a>

<a rel="external me" href="http://www.youtube.com/profile?user=mithriltabby"
title="YouTube" class="favicon youtube"><span class="hidden">YouTube</span></a>

</p>


<div id="rhs" style="float: right; width: 49%;">

<div id="twitter">
<h3><a rel="external" href="http://twitter.com/mithriltabby"><span
class="favicon twitter" title="Twitter"><span class="hidden">Twitter</span></span> latest tweets</a></h3>
<!-- Of course, these break the validator... thanks, Twitter! -->
<a class="twitter-timeline" href="https://twitter.com/mithriltabby" data-widget-id="357734106316042240" width="100%" data-tweet-limit="5" data-chrome="noborders transparent noheader nofooter">Tweets by @mithriltabby</a>
<noscript>
<p>You must enable JavaScript to see inlined content.</p>
</noscript>
</div>

<!-- Diigo have yet to make their API usable. -->
<!--
<div id="bookmarks">
    <h3><a rel="external" href="http://www.diigo.com/rss/user/mithriltabby"
class="sprite feedicon" title="RSS"><span class="hidden">RSS</span></a><a rel="external" href="http://www.diigo.com/user/mithriltabby"><span class="sprite favicon" title="diigo"
style="background-position: -60px 0px; vertical-align: -10%;"><span class="hidden">diigo</span></span>
latest bookmarks</a></h3>
<noscript>
<p>You must enable JavaScript to see inlined content.</p>
</noscript>
</div>
-->
</div>

<div id="lhs" style="float: left; width: 49%;">
<div id="dreamwidth">
<h3><a rel="external" href="http://mithriltabby.dreamwidth.org/data/rss" class="rss" title="RSS"><span class="hidden">RSS</span></a><a rel="external" href="http://mithriltabby.dreamwidth.org/" title="Dreamwidth" class="favicon dreamwidth"><span class="hidden">Dreamwidth</span></a>
<a href="http://mithriltabby.dreamwidth.org/"><span class="hidden">Dreamwidth</span> latest blog posts</a></h3>
<noscript>
<p>You must enable JavaScript to see inlined content.</p>
</noscript>
</div>

<div id="reviews" class="center">
<h3><a rel="external" href="https://www.librarything.com/rss/reviews/slothman"
class="rss" title="RSS"><span class="hidden">LibraryThing</span></a><a rel="external" href="https://www.librarything.com/profile_reviews.php?view=slothman"><span
class="favicon librarything" title="LibraryThing"><span class="hidden">RSS</span></span>
latest reviewed books</a></h3>
<noscript>
<p>You must enable JavaScript to see inlined content.</p>
</noscript>
</div>
<div id="acquisitions" class="center">
<h3><a rel="external" href="https://www.librarything.com/catalog/slothman&amp;sort=stamp"><span
class="favicon librarything" title="LibraryThing"><span class="hidden">LibraryThing</span></span>
recent acquisitions</a></h3>
<noscript>
<p>You must enable JavaScript to see inlined content.</p>
</noscript>
</div>

</div> <!-- lhs -->

<div style="clear: both; padding-top: 1em;"></div>
<div class="flow"><a href="//validator.w3.org/check?uri=referer"
      class="sprite" rel="external"
      style="border:0;width:88px;height:31px;background-position:0px -80px"
      title="Valid XHTML 1.1"><span class="hidden">Valid XHTML 1.1</span></a></div>
<div class="flow"><a href="//jigsaw.w3.org/css-validator/check/referer/"
      class="sprite" rel="external"
      style="border:0;width:88px;height:31px;background-position:-100px -80px"
      title="Valid CSS!" ><span class="hidden">Valid CSS</span></a></div>
<div class="flow"><a href="http://www.google.com/chrome/" class="sprite"
      rel="external" style="border:0;width:32px;height:32px;background-position:-40px -160px" title="Get Chrome"><span class="hidden">Get Chrome</span></a></div>
<div class="flow"><a href="http://www.mozilla.org/firefox?WT.mc_id=aff_en04&amp;WT.mc_ev=click"
      class="sprite" rel="external"
      style="border:0;width:110­px;height:32px;background-position:-80px -160px"
      title="Get Firefox!"><span class="hidden">Get Firefox!</span></a></div>


<div class="flow"><a
href="http://feedvalidator.org/check.cgi?url=http%3A//www.mithriltabby.com/mainecoonmanor.kml"
class="sprite" rel="external"
style="border:0;width:36px;height:36px;background-position:0px -160px"
title="Validate my KML 2.2 feed"><span class="hidden">Valid KML</span></a></div>

<div class="flow"><a
href="http://geourl.org/near?p=http://www.mithriltabby.com"
rel="external" class="sprite"
style="width:52px;height:14px;background-position: -100px -60px;"
title="My neighbors in the physical world"><span class="hidden">GeoURL</span></a></div>

<div class="flow"><a rel="me" href="xfn.xhtml"
class="sprite" title="XFN Friendly"
style="width:80px;height:15px;background-position:0px -60px;"><span
class="hidden">XFN Links</span></a></div>

<div class="flow"><a href="http://microformats.org/profile/hcard"
class="sprite" title="hCard"
style="width:80px;height:15px;background-position:0px -40px;"><span class="hidden">hCard</span></a></div>

<!-- Do all the heavy-duty JavaScript work at the bottom, after the
     rest of the page has rendered. -->

<!-- Pull in blog data. -->
<script type="text/javascript" 
        src="//mithriltabby.dreamwidth.org/?s2id=3134166"></script>

<!-- Inline the Diigo and Dreamwidth content and create the routines
     for LibraryThing to call. -->
<script type="text/javascript" src="inline.js">
</script>

<!-- Call LibraryThing; it will invoke routines in inline.js -->
<!--
<script type="text/javascript"
        src="http://www.librarything.com/api/json_books.php?userid=slothman&amp;key=1­501478823&amp;max=5&amp;booksort=entry_REV&amp;res­ultsets=books&amp;callback=reading">
</script>
-->
<script type="text/javascript"
        src="//www.librarything.com/api/json_books.php?userid=slothman&amp;key=1­501478823&amp;limit=reviews&amp;max=10&amp;booksor­t=entry_REV&amp;resultsets=books,bookratings&amp;callback=bookreview">
</script>
<script type="text/javascript"
        src="//www.librarything.com/api/json_books.php?userid=slothman&amp;key=1­501478823&amp;max=15&amp;booksort=entry_REV&amp;re­sultsets=books&amp;callback=acquisition">
</script>

<!-- Pull in my Twitter feed. -->
<!--
<script type="text/javascript" src="http://api.twitter.com/1/statuses/user_timeline.json?user_id=48087970&amp;scre­en_name=mithriltabby&amp;count=10&amp;skip_user=true&amp;callback=tweet"></script>
-->
<script type="text/javascript">!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getE­lementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNod­e.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>


</body></html>

Parsed source

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head profile="http://microformats.org/profile/specs/"><title>mithriltabby - Max Kaehn’s home page</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<!-- Specifying UTF-8 in the HTTP headers doesn't persuade IE to use UTF-8. -->
<!--[if IE]>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
<link rel="icon" type="image/png" href="images/zonk16x16.png"/>
<link rev="made" href="http://www.mithriltabby.com/"/>
<script type="text/javascript" src="code.js">
<!-- Can't use <script/> because I have to be able to serve this up to
Internet Exploder as text/html. -->
</script>

<link rel="home start contents" href="/"/>
<link rel="next" href="names.xhtml"/>
<link rel="meta" type="application/rdf+xml" title="FOAF" href="foaf.rdf"/>
<link rel="feed" href="http://mithriltabby.dreamwidth.org/data/rss" type="application/rss+xml" title="Dreamwidth"/>
<link rel="feed" href="http://mithriltabby.tumblr.com/rss" type="application/rss+xml" title="Tumblr"/>
<link rel="feed" href="http://www.diigo.com/rss/user/mithriltabby" type="application/rss+xml" title="Diigo links"/>
<link rel="feed" href="https://www.librarything.com/rss/reviews/slothman" type="application/rss+xml" title="LibraryThing reviews"/>
<link rel="me" href="https://micro.blog/mithriltabby"/>
<link rel="feed" href="http://www.yelp.com/syndicate/user/FBp-DAU1vtSLg7ipitLUVA/rss.xml" type="application/rss+xml" title="Yelp reviews"/>
<!-- http://wiki.whatwg.org/wiki/RelExtensions -->
<link rel="pronunciation" href="lexicon.xml"/>
<meta name="description" content="The home page of Max Kaehn."/>
<meta name="keywords" content="Max Rible Kaehn, Max Kaehn, Max Rible"/>
<meta name="author" content="Max Rible Kaehn"/>
<meta name="ICBM" content="37.38211, -122.027965"/>
<meta name="geo.position" content="37.38211;-122.027965"/>
<meta name="geo.placename" content="Maine Coon Manor, Sunnyvale, CA, US"/>
<meta name="geo.region" content="US"/>
<meta name="google-site-verification" content="OwOa7d5PaqW-onn8jNYsXe4e41PmLeqlpROSfwyKc40"/>
</head>
<body>
<!-- Put a 100px margin on the left to match the img on the right. -->
<div style="float:left; width:100px; height:79px"/>
<div style="float:right; width:100px; height:100px"><img src="images/mithriltabby.png" style="float:right" width="100" height="100" alt="mithriltabby"/></div>
<h1 style="margin-bottom: 0; clear:none;">mithriltabby</h1>
<!-- hCard microformat -->
<div class="vcard">
  <p class="subhead"><i>
    <span class="n fn">
      <span class="given-name">Max</span>
      <span class="additional-name">Rible</span>
      <span class="family-name">Kaehn</span>
    </span>
  </i></p>
  <div class="geo hidden">
    <abbr class="latitude" title="37.38211">37°22’55.60” N</abbr>,
    <abbr class="longitude" title="-122.027965">122°1’40.67” W</abbr>
  </div>
  <!-- Put the short version of my name here in hopes of bringing up the
       rank on searches for “Max Kaehn”. -->
  <p class="hidden">Max Kaehn</p>
  <img class="photo hidden" src="//www.mithriltabby.com/images/usericon.jpeg" alt="hCard photo"/>

<!-- Hyperlinks to all my various online identities, with XFN notation
indicating that it’s me.  Need to include a hidden span of the actual
names, since XFN won’t figure it out from the title/alt of the images
I’m using.
-->
<p class="center">
<a class="url hidden" href="http://www.mithriltabby.com/">home</a>
<span class="hidden">•</span>
<a href="names.xhtml">names</a>
• <!-- Obfuscated email address in hopes of deterring spambots. -->
<a class="email me" href="   mailto: %73%6c%6fth%6d%61n%40m%69t%68ri%6c%74abb%79%2ecom? ">em<!--
mailto:abuse@hotmail.com
</a>
-->ail</a>
•
<a href="vocation.xhtml">vocation</a>
•
<a rel="me" href="resume.xhtml">résumé</a>
•
<a href="avocation.xhtml">avocations</a>
•
<a href="input.xhtml">input</a>
•
<a href="output.xhtml">output</a>
•
<a href="technology.xhtml">technology</a>
•
<a href="politics.xhtml">politics</a>
•
<a href="metaphysics.xhtml">metaphysics</a>
</p>
</div> <!-- hCard -->

<p class="center">
<!-- When CSS3 is supported I can just use target-new: tab -->
<!-- Note when using CSS sprites:  if you don't put some sort of text,
even hidden text, inside the sprites, IE 8.0.6001.18702 (at least)
will size them incorrectly.  Hence all the hidden text even when I'm
not using XFN notation.
-->

<a rel="external me" href="http://mithriltabby.dreamwidth.org/" title="Dreamwidth" class="favicon dreamwidth"><span class="hidden">Dreamwidth</span></a>

<a rel="external me" href="http://twitter.com/mithriltabby" title="Twitter" class="favicon twitter"><span class="hidden">Twitter</span></a>

<a rel="external me" href="http://instagram.com/mithriltabby" title="Instagram" class="favicon instagram"><span class="hidden">Instagram</span></a>

<a rel="external me" href="https://wandering.shop/@mithriltabby" title="Mastodon (Main)" class="favicon mastodon"><span class="hidden">Mastodon</span></a>

<a rel="external me" href="https://dice.camp/@mithriltabby" title="Mastodon (Gaming)" class="favicon mastodon"><span class="hidden">Mastodon</span></a>

<a rel="external me" href="https://ganesha.masto.host/@mithriltabby" title="Mastodon (Zen)" class="favicon mastodon"><span class="hidden">Mastodon</span></a>

<a rel="external me" href="https://pixelfed.social/mithriltabby" title="Pixelfed" class="favicon pixelfed"><span class="hidden">Pixelfed</span></a>

<a rel="external me" href="https://diasp.org/people/4d1bbcc5ec26e25e6f00037f" title="Diaspora" class="favicon diaspora"><span class="hidden">Diaspora</span></a>

<a rel="external me" href="http://mithriltabby.tumblr.com/" title="Tumblr" class="favicon tumblr"><span class="hidden">tumblr</span></a>

<a rel="external me" href="http://pinterest.com/mithriltabby/" title="Pinterest" class="favicon pinterest"><span class="hidden">Pinterest</span></a>

<a rel="external me" href="http://plus.google.com/+MaxKaehn" title="Google" class="favicon googleplus"><span class="hidden">Google</span></a>

<a rel="external me" href="http://www.diigo.com/profile/mithriltabby" title="diigo" class="favicon diigo"><span class="hidden">diigo</span></a>

<a rel="external me" href="https://www.librarything.com/home/slothman" title="LibraryThing" class="favicon librarything"><span class="hidden">LibraryThing</span></a>

<a rel="external me" href="http://stackexchange.com/users/5623/max-rible-kaehn" title="Stack Exchange" class="favicon stackexchange"><span class="hidden">Stack Exchange</span></a>

<a rel="external me" href="http://www.facebook.com/mithriltabby" title="Facebook" class="favicon facebook"><span class="hidden">Facebook</span></a>

<a rel="external me" href="http://www.linkedin.com/in/slothman" title="LinkedIn" class="favicon linkedin"><span class="hidden">LinkedIn</span></a>

<a rel="external me" href="http://mithriltabby.yelp.com/" title="Yelp" class="favicon yelp"><span class="hidden">Yelp</span></a>

<a rel="external me" href="http://www.youtube.com/profile?user=mithriltabby" title="YouTube" class="favicon youtube"><span class="hidden">YouTube</span></a>

</p>


<div id="rhs" style="float: right; width: 49%;">

<div id="twitter">
<h3><a rel="external" href="http://twitter.com/mithriltabby"><span class="favicon twitter" title="Twitter"><span class="hidden">Twitter</span></span> latest tweets</a></h3>
<!-- Of course, these break the validator... thanks, Twitter! -->
<a class="twitter-timeline" href="https://twitter.com/mithriltabby" data-widget-id="357734106316042240" width="100%" data-tweet-limit="5" data-chrome="noborders transparent noheader nofooter">Tweets by @mithriltabby</a>
<noscript>
<p>You must enable JavaScript to see inlined content.</p>
</noscript>
</div>

<!-- Diigo have yet to make their API usable. -->
<!--
<div id="bookmarks">
    <h3><a rel="external" href="http://www.diigo.com/rss/user/mithriltabby"
class="sprite feedicon" title="RSS"><span class="hidden">RSS</span></a><a rel="external" href="http://www.diigo.com/user/mithriltabby"><span class="sprite favicon" title="diigo"
style="background-position: -60px 0px; vertical-align: -10%;"><span class="hidden">diigo</span></span>
latest bookmarks</a></h3>
<noscript>
<p>You must enable JavaScript to see inlined content.</p>
</noscript>
</div>
-->
</div>

<div id="lhs" style="float: left; width: 49%;">
<div id="dreamwidth">
<h3><a rel="external" href="http://mithriltabby.dreamwidth.org/data/rss" class="rss" title="RSS"><span class="hidden">RSS</span></a><a rel="external" href="http://mithriltabby.dreamwidth.org/" title="Dreamwidth" class="favicon dreamwidth"><span class="hidden">Dreamwidth</span></a>
<a href="http://mithriltabby.dreamwidth.org/"><span class="hidden">Dreamwidth</span> latest blog posts</a></h3>
<noscript>
<p>You must enable JavaScript to see inlined content.</p>
</noscript>
</div>

<div id="reviews" class="center">
<h3><a rel="external" href="https://www.librarything.com/rss/reviews/slothman" class="rss" title="RSS"><span class="hidden">LibraryThing</span></a><a rel="external" href="https://www.librarything.com/profile_reviews.php?view=slothman"><span class="favicon librarything" title="LibraryThing"><span class="hidden">RSS</span></span>
latest reviewed books</a></h3>
<noscript>
<p>You must enable JavaScript to see inlined content.</p>
</noscript>
</div>
<div id="acquisitions" class="center">
<h3><a rel="external" href="https://www.librarything.com/catalog/slothman&amp;sort=stamp"><span class="favicon librarything" title="LibraryThing"><span class="hidden">LibraryThing</span></span>
recent acquisitions</a></h3>
<noscript>
<p>You must enable JavaScript to see inlined content.</p>
</noscript>
</div>

</div> <!-- lhs -->

<div style="clear: both; padding-top: 1em;"/>
<div class="flow"><a href="//validator.w3.org/check?uri=referer" class="sprite" rel="external" style="border:0;width:88px;height:31px;background-position:0px -80px" title="Valid XHTML 1.1"><span class="hidden">Valid XHTML 1.1</span></a></div>
<div class="flow"><a href="//jigsaw.w3.org/css-validator/check/referer/" class="sprite" rel="external" style="border:0;width:88px;height:31px;background-position:-100px -80px" title="Valid CSS!"><span class="hidden">Valid CSS</span></a></div>
<div class="flow"><a href="http://www.google.com/chrome/" class="sprite" rel="external" style="border:0;width:32px;height:32px;background-position:-40px -160px" title="Get Chrome"><span class="hidden">Get Chrome</span></a></div>
<div class="flow"><a href="http://www.mozilla.org/firefox?WT.mc_id=aff_en04&amp;WT.mc_ev=click" class="sprite" rel="external" style="border:0;width:110­px;height:32px;background-position:-80px -160px" title="Get Firefox!"><span class="hidden">Get Firefox!</span></a></div>


<div class="flow"><a href="http://feedvalidator.org/check.cgi?url=http%3A//www.mithriltabby.com/mainecoonmanor.kml" class="sprite" rel="external" style="border:0;width:36px;height:36px;background-position:0px -160px" title="Validate my KML 2.2 feed"><span class="hidden">Valid KML</span></a></div>

<div class="flow"><a href="http://geourl.org/near?p=http://www.mithriltabby.com" rel="external" class="sprite" style="width:52px;height:14px;background-position: -100px -60px;" title="My neighbors in the physical world"><span class="hidden">GeoURL</span></a></div>

<div class="flow"><a rel="me" href="xfn.xhtml" class="sprite" title="XFN Friendly" style="width:80px;height:15px;background-position:0px -60px;"><span class="hidden">XFN Links</span></a></div>

<div class="flow"><a href="http://microformats.org/profile/hcard" class="sprite" title="hCard" style="width:80px;height:15px;background-position:0px -40px;"><span class="hidden">hCard</span></a></div>

<!-- Do all the heavy-duty JavaScript work at the bottom, after the
     rest of the page has rendered. -->

<!-- Pull in blog data. -->
<script type="text/javascript" src="//mithriltabby.dreamwidth.org/?s2id=3134166"/>

<!-- Inline the Diigo and Dreamwidth content and create the routines
     for LibraryThing to call. -->
<script type="text/javascript" src="inline.js">
</script>

<!-- Call LibraryThing; it will invoke routines in inline.js -->
<!--
<script type="text/javascript"
        src="http://www.librarything.com/api/json_books.php?userid=slothman&amp;key=1­501478823&amp;max=5&amp;booksort=entry_REV&amp;res­ultsets=books&amp;callback=reading">
</script>
-->
<script type="text/javascript" src="//www.librarything.com/api/json_books.php?userid=slothman&amp;key=1­501478823&amp;limit=reviews&amp;max=10&amp;booksor­t=entry_REV&amp;resultsets=books,bookratings&amp;callback=bookreview">
</script>
<script type="text/javascript" src="//www.librarything.com/api/json_books.php?userid=slothman&amp;key=1­501478823&amp;max=15&amp;booksort=entry_REV&amp;re­sultsets=books&amp;callback=acquisition">
</script>

<!-- Pull in my Twitter feed. -->
<!--
<script type="text/javascript" src="http://api.twitter.com/1/statuses/user_timeline.json?user_id=48087970&amp;scre­en_name=mithriltabby&amp;count=10&amp;skip_user=true&amp;callback=tweet"></script>
-->
<script type="text/javascript">!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getE­lementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNod­e.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</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.