<section>
<?= t_head('hCard', "15–20") ?>
<p>Create an HTML file called <code>minilab17.html</code> containing information about yourself. Mark the data using the <a href="http://microformats.org/wiki/hcard">hCard</a> microformat, then validate it using either <a href="http://validator.nu">Validator.nu</a> or <a href="http://www.google.com/webmasters/tools/richsnippets">Google Structured Data Testing Tool</a></p>
</section>
<section>
<?= t_head('hCard using <code>itemprop</code> (optional, advanced)', "10–15") ?>
<p>Make a copy of your hCard, and comment out the original. Convert your copy to use <code>itemscope</code>/<code>itemprop</code>/<code>itemtype</code> instead of <code>class</code> to mark each piece of information.</p>
<p>A specification for marking vCards with <code>item*</code> is here:</p>
<p class="resource"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/microdata.html#vcard">http://www.whatwg.org/specs/web-apps/current-work/multipage/microdata.html#vcard</a></p>
</section>
<section>
<?= t_head('XFN', "10") ?>
<p>Add XFN attributes as appropriate. Add at least a <code>rel="me"</code> to anything which links to one of your profiles or sites on the web. If you’d like to add links to other people, add the appropriate attributes to their links as well. Be sure to validate!</p>
<p>The XFN spec is here:</p>
<p class="resource"><a href="http://gmpg.org/xfn/">http://gmpg.org/xfn/</a></p>
</section>
<footer>
<p>If you’ve finished everything, good job! Experiment with HTML5 <code>data-*</code> attributes and jQuery.</p>
</footer>