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 
    3225 Dinnen Avenue
    State or Province 
    IN
    City 
    Fort Wayne
    Postcode 
    46807
    Formatted name 
    Moyers Millwright Service
    Note 
    Specializing in Welding Services Custom Fabrication Engineered Prints Conveyor Systems Millwright Services Steel Erection Piping Installation (threaded or welded) Residential Repairs Demolition Work
    Organization Org. Name 
    Moyers Millwright Service
    Telephone type 
    Work
    value 
    (260) 580-0043

File source

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
<head profile='http://www.w3.org/2006/03/hcard'>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Moyers Millwright Services</title>
	
	<style type="text/css">
    body { background-color: #333; color:#222;font-size:medium; line-height:1.0;font-family: Arial,sans-serif;}
    div#wrap {width: 600px; margin: 2em auto; padding: 2em; border:solid 4px #666; background-color: #fff;}
    a { color: #8F231A}
    a:hover { color: #EF3A2C}
	</style>
	
</head>
<body>

<div id="wrap">
<div class="vcard">
  <h1 class="fn org">Moyers Millwright Service</h1>

  <h3>Roy W. Moyers Jr. Owner</h3>

  <p class="adr">
  <span class="street-address">3225 Dinnen Avenue</span><br />
  <span class="locality">Fort Wayne</span>, <span class="region" title="Indiana">IN</span>.<br />
  <span class="postal-code">46807</span>
  </p>

  <p>Email:
  <a 
  class='email
   href="mailto:me"
  ' 
  href 
  = '	
  &#x20;ma&#105;&#108;t&#11­1;&#58;&#x20;%7&#50;&#x6f;%7&#x39;&#x25;4&#48;%&#x­36;doy%&#x36;5rs&#109;i&#x6c;&#37;6c&#x25;&#x37;7%­&#x37;2&#x25;69&#x25;&#x36;&#55;h&#x74;%2&#101;&#x­25;63&#x25;6&#x66;&#x25;&#54;d&#x3F;
  '>r&#x6F;y@&#109;&#x6f;y&­#x65;r&#x73;&#109;&#105;<!--
  mailto:abuse@hotmail.com
  </a>
  -->&shy;&#108;lw&#x72;ig&#x68;&#x74;&#x2E;com</a>
  </p>
  
  
  <p class="tel"><span class="type">Work</span>: <span class="value">(260) 580-0043</span></p>

  <div class="note">
    <h2>Specializing in</h2>
    <ul>
      <li>Welding Services</li>
      <li>Custom Fabrication</li>
      <li>Engineered Prints</li>
      <li>Conveyor Systems</li>
      <li>Millwright Services</li>
      <li>Steel Erection</li>
      <li>Piping Installation (threaded or welded)</li>
      <li>Residential Repairs</li>
      <li>Demolition Work</li>
    </ul>
  </div>
  
</div>
</div>

</body>
</html>

Parsed source

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  <head profile="http://www.w3.org/2006/03/hcard">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Moyers Millwright Services</title>
    <style type="text/css">
    body { background-color: #333; color:#222;font-size:medium; line-height:1.0;font-family: Arial,sans-serif;}
    div#wrap {width: 600px; margin: 2em auto; padding: 2em; border:solid 4px #666; background-color: #fff;}
    a { color: #8F231A}
    a:hover { color: #EF3A2C}
	</style>
  </head>
  <body>
    <div id="wrap">
<div class="vcard">
  <h1 class="fn org">Moyers Millwright Service</h1>

  <h3>Roy W. Moyers Jr. Owner</h3>

  <p class="adr">
  <span class="street-address">3225 Dinnen Avenue</span><br/><span class="locality">Fort Wayne</span>, <span class="region" title="Indiana">IN</span>.<br/><span class="postal-code">46807</span>
  </p>

  <p>Email:
  <a class="email&#10;   href=&quot;mailto:me&quot;&#10;  " href="&#9;&#10;   mailto: %72o%79%40%6doy%65rsmil%6­c%77%72%69%67ht%2e%63%6f%6d?&#10;  ">roy@moyersmi<!--
  mailto:abuse@hotmail.com
  </a>
  -->­llwright.com</a>
  </p>
  
  
  <p class="tel"><span class="type">Work</span>: <span class="value">(260) 580-0043</span></p>

  <div class="note">
    <h2>Specializing in</h2>
    <ul><li>Welding Services</li>
      <li>Custom Fabrication</li>
      <li>Engineered Prints</li>
      <li>Conveyor Systems</li>
      <li>Millwright Services</li>
      <li>Steel Erection</li>
      <li>Piping Installation (threaded or welded)</li>
      <li>Residential Repairs</li>
      <li>Demolition Work</li>
    </ul></div>
  
</div>
</div>
  </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.