hCard microformat Validator (beta, of course)

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

Po polsku
(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.

    • 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

    Address Street 
    Ringstr. 10
    City 
    Bad Dürrheim
    Postcode 
    78073
    Formatted name 
    Patrick Heppler
    Name Given Name 
    Patrick
    Family Name 
    Heppler
    Telephone type 
    work
    value 
    +49 77 06 922 515
    URL http://fusionality.de

File source

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<!--[if IE]>
<script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<base href="http://fusionality.de/" />
<link href="favicon.ico" type="image/x-icon" rel="shortcut icon" />
<link href="favicon.ico" type="image/x-icon" rel="icon" />
<meta name="description" content="Planung, Entwicklung und Integration von datenbankgestützten Internetanwendung, relationaler Datenbanksysteme und Content Management Systemen. Valides, standardkonformes XHTML, CSS und JavaScript" />
<meta name="keywords" content="ColdFusion, MySQL, PHP, OOP,Objektorientierte Programmierung,JavaScript,AJAX, XHMTL, CSS, Webstandards, Semantisches XHTML, HTML5, microformats,jQuery, jQueryUI, API-Integration, TYPO3 " />
<meta name="language" content="de" />
<meta charset="utf-8" />
<link rel="profile" href="http://microformats.org/profile/hcard" />
<link href="fusionality.css" rel="stylesheet" type="text/css" />


<link href="jQueryUI/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
<link href="jQueryUI/jquery-ui-1.7.2.custom.ie-crap.css" rel="stylesheet" type="text/css" />
<![endif]--> 
<!--[if lte IE 7]>
<link href="internetexplorer.css" rel="stylesheet" type="text/css" />
<![endif]--> 
<title>Impressum » Fusionality - modern.web.development() » Certified ColdFusion Developer</title>


</head>

<body>
<!--[if lte IE 7]>
<div id="info">
<div id="infobar"><a href="http://www.camp-firefox.de">Ihr Browser stellt diese Website nur eingeschränkt dar. Klicken Sie hier um das Problem zu beheben!</a></div>
</div>
<![endif]-->
<div id="page">
    <header role="banner">
    <div class="picture"><p>Anbieterkennzeichnung</p></div>
    <div class="navbar">
    <figure class="logo"><a href="./"><img src="Bilder/Logo.png" width="184" height="39" alt="Fusionality" /></a></figure>
           
<nav>
<ul role="navigation">

<li role="link" class="nojs"><a href="http://fusionality.de/profil/" title="Profil" tabindex="1">Profil</a></li>


<li role="link" class="nojs"><a href="http://fusionality.de/interessen/" title="Interessen" tabindex="2">Interessen</a></li>


<li role="link" class="nojs"><a href="http://fusionality.de/loesungen/" title="Lösungen" tabindex="3">Lösungen</a></li>


<li role="link" class="nojs"><a href="http://fusionality.de/links/" title="Links" tabindex="4">Links</a></li>


<li role="link" class="nojs"><a href="http://fusionality.de/impressum/" class="aktiv" title="Impressum" tabindex="5">Impressum</a></li>


<li role="link" class="nojs"><a href="http://fusionality.de/blog/" title="Blog" tabindex="12">Blog</a></li>


</ul>
</nav>

           </div>
            </header>
             <div id="primary">
    	<article role="main">
            
<h1>Verantwortlich nach <span class='highlight'>§5 TMG</span>:</h1> <address class="vcard">
<span class="fn n"><span class="given-name">Patrick</span> <span class="family-name">Heppler</span></span><br />

<span class="adr">
<span class="street-address">Ringstr. 10</span><br />
<span class="postal-code">78073</span> <span class="locality">Bad Dürrheim</span></span><br />
<span class="tel">
 <span class="type">work</span>Telefon:
 <span class="value">+49 77 06 922 515</span>
</span><br />
<a title="Email" class="email" href="&#109;&#97;&#105;&#­108;&#116;&#111;&#58;&#105;&#110;&#102;&#111;&#64;­&#102;&#117;&#115;&#105;&#111;&#110;&#97;&#108;&#1­05;&#116;&#121;&#46;&#100;&#101;">&#105;&#110;&#10­2;&#111;&#64;&#102;&#117;&#115;&#105;&#111;&#110;&­#97;&#108;&#105;&#116;&#121;&#46;&#100;&#101;</a><br />


<br /><a href="vcard.cfm" title="Adresse als vCard downloaden - Importierbar in Outlook, Entourage, Apple Adressbuch, Google Mail und Thunderbird">Adresse als vCard downloaden</a><br /><br />

<a title="Internet" href="http://fusionality.de" rel="me" class="url">http://fusionality.de</a><br />
<a title="Internet" href="http://fusionality.net" rel="me">http://fusionality.net</a>
<br />
<a title="Internet" href="http://fusionality.com" rel="me">http://fusionality.com</a>
</address><p><img src="Bilder/Certified-Developer.png" alt="Certified Macromedia ColdFusion MX 7 Developer" title="Certified Macromedia ColdFusion MX 7 Developer" /></p><ul>
<li><a title="Valid HTML5" href="http://validator.w3.org/check?uri=http://fusionality.de/impressum/">Valid HTML5</a></li>
<li><a title="Valid CSS 3" href="http://jigsaw.w3.org/css-validator/validator?uri=http://fusionality.de/impressum/&amp;profile=css3">Valid CSS 3</a></li>
<li><a title="Valid hCard" href="http://hcard.geekhood.net/?url=http://fusionality.de/impressum/">Valid hCard</a>
</li>
 </ul> 

            </article>
            <aside><figure id="img">  <img src="Bilder/impressum.jpg" alt="" title="© Fineas - Fotolia.com" /><figcaption>© Fineas - Fotolia.com</figcaption> 
</figure></aside>
  </div>
    <footer>modern.web.development()</footer>
</div>
<script type="text/javascript" 
src="cache/compressed.js"></script>


</body>
</html>

Parsed source

<html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
  <head>
    <!--[if IE]>
<script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
    <base href="http://fusionality.de/"/>
    <link href="favicon.ico" type="image/x-icon" rel="shortcut icon"/>
    <link href="favicon.ico" type="image/x-icon" rel="icon"/>
    <meta name="description" content="Planung, Entwicklung und Integration von datenbankgestützten Internetanwendung, relationaler Datenbanksysteme und Content Management Systemen. Valides, standardkonformes XHTML, CSS und JavaScript"/>
    <meta name="keywords" content="ColdFusion, MySQL, PHP, OOP,Objektorientierte Programmierung,JavaScript,AJAX, XHMTL, CSS, Webstandards, Semantisches XHTML, HTML5, microformats,jQuery, jQueryUI, API-Integration, TYPO3 "/>
    <meta name="language" content="de"/>
    <meta charset="utf-8"/>
    <link rel="profile" href="http://microformats.org/profile/hcard"/>
    <link href="fusionality.css" rel="stylesheet" type="text/css"/>
    <link href="jQueryUI/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css"/>
    <!--[if IE]>
<link href="jQueryUI/jquery-ui-1.7.2.custom.ie-crap.css" rel="stylesheet" type="text/css" />
<![endif]-->
    <!--[if lte IE 7]>
<link href="internetexplorer.css" rel="stylesheet" type="text/css" />
<![endif]-->
    <title>Impressum » Fusionality - modern.web.development() » Certified ColdFusion Developer</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <!-- meta inserted by hCard Validator -->
  </head>
  <body>
<!--[if lte IE 7]>
<div id="info">
<div id="infobar"><a href="http://www.camp-firefox.de">Ihr Browser stellt diese Website nur eingeschränkt dar. Klicken Sie hier um das Problem zu beheben!</a></div>
</div>
<![endif]-->
<div id="page">
    <header role="banner"><div class="picture"><p>Anbieterkennzeichnung</p></div>
    <div class="navbar">
    <figure class="logo"><a href="./"><img src="Bilder/Logo.png" width="184" height="39" alt="Fusionality"/></a></figure><nav><ul role="navigation"><li role="link" class="nojs"><a href="http://fusionality.de/profil/" title="Profil" tabindex="1">Profil</a></li>


<li role="link" class="nojs"><a href="http://fusionality.de/interessen/" title="Interessen" tabindex="2">Interessen</a></li>


<li role="link" class="nojs"><a href="http://fusionality.de/loesungen/" title="Lösungen" tabindex="3">Lösungen</a></li>


<li role="link" class="nojs"><a href="http://fusionality.de/links/" title="Links" tabindex="4">Links</a></li>


<li role="link" class="nojs"><a href="http://fusionality.de/impressum/" class="aktiv" title="Impressum" tabindex="5">Impressum</a></li>


<li role="link" class="nojs"><a href="http://fusionality.de/blog/" title="Blog" tabindex="12">Blog</a></li>


</ul></nav></div>
            </header><div id="primary">
    	<article role="main"><h1>Verantwortlich nach <span class="highlight">§5 TMG</span>:</h1> <address class="vcard">&#13;
<span class="fn n"><span class="given-name">Patrick</span> <span class="family-name">Heppler</span></span><br/><span class="adr">&#13;
<span class="street-address">Ringstr. 10</span><br/><span class="postal-code">78073</span> <span class="locality">Bad Dürrheim</span></span><br/><span class="tel">&#13;
 <span class="type">work</span>Telefon:&#13;
 <span class="value">+49 77 06 922 515</span>&#13;
</span><br/><a title="Email" class="email" href="mailto:info@fusiona­lity.de">info@fusionality.de</a><br/><br/><a href="vcard.cfm" title="Adresse als vCard downloaden - Importierbar in Outlook, Entourage, Apple Adressbuch, Google Mail und Thunderbird">Adresse als vCard downloaden</a><br/><br/><a title="Internet" href="http://fusionality.de" rel="me" class="url">http://fusionality.de</a><br/><a title="Internet" href="http://fusionality.net" rel="me">http://fusionality.net</a>&#13;
<br/><a title="Internet" href="http://fusionality.com" rel="me">http://fusionality.com</a>&#13;
</address><p><img src="Bilder/Certified-Developer.png" alt="Certified Macromedia ColdFusion MX 7 Developer" title="Certified Macromedia ColdFusion MX 7 Developer"/></p><ul><li><a title="Valid HTML5" href="http://validator.w3.org/check?uri=http://fusionality.de/impressum/">Valid HTML5</a></li>&#13;
<li><a title="Valid CSS 3" href="http://jigsaw.w3.org/css-validator/validator?uri=http://fusionality.de/impressum/&amp;profile=css3">Valid CSS 3</a></li>&#13;
<li><a title="Valid hCard" href="http://hcard.geekhood.net/?url=http://fusionality.de/impressum/">Valid hCard</a>&#13;
</li>&#13;
 </ul></article><aside><figure id="img"><img src="Bilder/impressum.jpg" alt="" title="© Fineas - Fotolia.com"/><figcaption>© Fineas - Fotolia.com</figcaption></figure></aside></div>
    <footer>modern.web.development()</footer></div>
<script type="text/javascript" src="cache/compressed.js"/></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.