<base href="http://example.com">
<div class="h-entry">
    <p class="p-name">microformats.org at 7</p>


    <p class="u-url">
      <span class="value-title" title="http://microformats.org/"> </span>
      Article permalink
    </p>
    <p class="u-url">
        <span class="value">http://microformats.org/</span> -
        <span class="value">2012/06/25/microformats-org-at-7</span>
    </p>

    <p><a class="u-url" href="http://microformats.org/2012/06/25/microformats-org-at-7">Article permalink</a></p>

    <img src="images/logo.gif" alt="company logos" usemap="#logomap" />
    <map name="logomap">
        <area class="u-url" shape="rect" coords="0,0,82,126" href="http://microformats.org/" alt="microformats.org" />
    </map>

    <img class="u-photo" src="images/logo.gif" alt="company logos" />

    <video class="u-photo" poster="posterimage.jpg">
        Sorry, your browser doesn't support embedded videos.
    </video>

    <object class="u-url" data="http://microformats.org/wiki/microformats2-parsing"></object>

    <abbr class="u-url" title="http://microformats.org/wiki/value-class-pattern">value-class-pattern</abbr>
    <data class="u-url" value="http://microformats.org/wiki/"></data>
    <p class="u-url">http://microformats.org/discuss</p>
</div>