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.

    • Info: This hCard describes organization or company

      org and fn used together imply that it is not a person.

      More info

    Address Street 
    Jinonická 80
    City 
    Praha 5
    Postcode 
    158 00
    Formatted name 
    Invisible
    Organization Org. Name 
    Invisible
    Telephone value 
    +420 604340261
    URL http://invisible.cz/

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="cs" lang="cs">
<head profile='http://www.w3.org/2006/03/hcard'>
    <title>Invisible</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <link rel="shortcut icon" href="/invisible.ico" />
    <link rel="stylesheet" href="/style.css" type="text/css" media="screen" />
    <meta name="description" content="Firma zabývající se tvorbou kreativních www prezentací, webdesignem, vývojem internetových aplikací či odborným poradenstvím v oblasti internetový služeb a e-marketingu." />
    <meta name="keywords" content="webdesign,web desing,www stránky,www prezentace,ecommerce,cms,www aplikace,marketing,programování,vývoj" />
    <meta name="robots" content="index,follow" />
    <script src="js/jquery.js" type="text/javascript"></script>
    <script src="js/invisible.js" type="text/javascript"></script>
</head>
<body>
<div id="outer">
    <div id="middle">
        <div id="inner">
            <div class="vcard">
                <a href="http://invisible.cz/" class="url"><img src="/invisible.png" alt="Invisible" class="fn org" /></a>
                <div class="intext">
                    <div class="adr">
                        <strong class="street-address">Jinonická 80</strong>,
                        <span class="postal-code">158 00</span> <span class="locality">Praha 5</span> - <a href="http://maps.google.cz/maps?f=q&amp;source=s_q&amp;hl­=cs&amp;geocode=&amp;q=invisible&amp;sll=50.060803­,14.375288&amp;sspn=0.081439,0.173378&amp;ie=UTF8&­amp;z=13&amp;iwloc=A">mapa</a>
                    </div>
                    <a class="email" href="mailto:invisible@in­visible.cz">invisible@invisible.cz</a>,
                    <strong class="tel">+420 604340261</strong>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="note"><i><strong>*</strong> Naše práce je vidět!</i></div>
<div class="nfo">
    Validní <a href="http://validator.w3.org/check?uri=http%3A%2F%2Finvisible.cz">XHTML</a> &amp;
    <a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Finvisible.cz">CSS</a> &amp;
    <a href="http://hcard.geekhood.net/?url=http%3A%2F%2Finvisible.cz%2F#result">hCard</a>
</div>    
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-6470406-1");
pageTracker._trackPageview();
</script>
</body>
</html>

Parsed source

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head profile="http://www.w3.org/2006/03/hcard">
    <title>Invisible</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    <link rel="shortcut icon" href="/invisible.ico"/>
    <link rel="stylesheet" href="/style.css" type="text/css" media="screen"/>
    <meta name="description" content="Firma zabývající se tvorbou kreativních www prezentací, webdesignem, vývojem internetových aplikací či odborným poradenstvím v oblasti internetový služeb a e-marketingu."/>
    <meta name="keywords" content="webdesign,web desing,www stránky,www prezentace,ecommerce,cms,www aplikace,marketing,programování,vývoj"/>
    <meta name="robots" content="index,follow"/>
    <script src="js/jquery.js" type="text/javascript" xml:space="preserve"/>
    <script src="js/invisible.js" type="text/javascript" xml:space="preserve"/>
</head>
<body>
<div id="outer">
    <div id="middle">
        <div id="inner">
            <div class="vcard">
                <a href="http://invisible.cz/" class="url" shape="rect"><img src="/invisible.png" alt="Invisible" class="fn org"/></a>
                <div class="intext">
                    <div class="adr">
                        <strong class="street-address">Jinonická 80</strong>,
                        <span class="postal-code">158 00</span> <span class="locality">Praha 5</span> - <a href="http://maps.google.cz/maps?f=q&amp;source=s_q&amp;hl­=cs&amp;geocode=&amp;q=invisible&amp;sll=50.060803­,14.375288&amp;sspn=0.081439,0.173378&amp;ie=UTF8&amp;z=13&amp;iwloc=A" shape="rect">mapa</a>
                    </div>
                    <a class="email" href="mailto:invisible@invisible.cz" shape="rect">invisible@invisible.cz</a>,
                    <strong class="tel">+420 604340261</strong>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="note"><i><strong>*</strong> Naše práce je vidět!</i></div>
<div class="nfo">
    Validní <a href="http://validator.w3.org/check?uri=http%3A%2F%2Finvisible.cz" shape="rect">XHTML</a> &amp;
    <a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Finvisible.cz" shape="rect">CSS</a> &amp;
    <a href="http://hcard.geekhood.net/?url=http%3A%2F%2Finvisible.cz%2F#result" shape="rect">hCard</a>
</div>    
<script type="text/javascript" xml:space="preserve">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript" xml:space="preserve">
var pageTracker = _gat._getTracker("UA-6470406-1");
pageTracker._trackPageview();
</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.