<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Parse Microformats</title>
<meta name="description" content="microformat-shiv - A light-weight cross browser javascript microformats 2 parser" />
<link rel="stylesheet" href="css/testrunner.css">
<link rel="stylesheet" href="css/prettify.css">
<!-- Loads full umd version -->
<script src="../../thirdparty/es5-shim.min.js"></script>
<script src="../../microformat-shiv.js"></script>
<script src="javascript/beautify.js"></script>
<script src="javascript/prettify.js"></script>
<script src="javascript/DOMParser.js"></script>
<script src="javascript/parse.js"></script>
</head>
<body>
<p>microformat-shiv</p>
<h1>Parse Microformats - UMD</h1>
<p>Type or copy and paste the HTML you want to parse into the box below.</p>
<form id="mf-form" class="tool-interface" method="get" action="">
<p>
<label for="html">HTML</label>
<textarea id="html" name="html"><a class="h-card" href="http://glennjones.net">
<span class="p-given-name">Glenn</span>
<span class="p-family-name">Jones</span>
</a>
</textarea>
</p>
<p>
<label for="baseurl">BaseURL</label>
<input id="baseurl" name="baseurl" placeholder="Optional URL to help resolve relative links" value="http://example.com" type="text">
</p>
<p>
<label for="filters">Filters</label>
<input id="filters" name="filters" placeholder="Optional comma separted list of formats to filter by" type="text">
</p>
<p class="checkbox">
<input id="collapsewhitespace" name="collapsewhitespace" id="textformat2" type="checkbox">
<label class="checkbox-label" for="textformat2"><strong>Experimental</strong> ‐ Text white-space collapsing</label>
</p>
<p class="checkbox">
<input id="parseLatLonGeo" name="parseLatLonGeo" id="parseLatLonGeo" type="checkbox">
<label class="checkbox-label" for="parseLatLonGeo"><strong>Experimental</strong> ‐ Parse geo data writen as latlon i.e. 30.267991;-97.739568</label>
</p>
<p>
<select id="dateformat" class="indent" name="dateformat" id="dateformat2">
<option value="auto" selected="selected">auto</option>
<option value="W3C">w3c</option>
<option value="HTML5">html5</option>
<option value="RFC3339">rfc3339</option>
</select>
<label class="checkbox-label" for="dateformat2"><strong>Experimental</strong> ‐ ISO date profile</label>
</p>
<input class="button" value="Parse" type="submit">
</form>
<h1>Parser JSON</h1>
<div id="parser-json"><pre class="prettyprint"><code class="language-json"></code></pre></div>
</body>
</html>