<!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">
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>21-abbr-title-everything</title>
  </head>
  <body>
    <p class="vcard">
<!-- perhaps the most annoying test ever -->
      <abbr class="fn" title="John Doe">foo</abbr>
      <span class="n">
        <abbr class="honorific-prefix" title="Mister">Mr.</abbr>
        <abbr class="given-name" title="Jonathan">John</abbr>
        <abbr class="additional-name" title="John">J</abbr>
        <abbr class="family-name" title="Doe-Smith">Doe</abbr>
        <abbr class="honorific-suffix" title="Medical Doctor">M.D</abbr>
      </span>
      <abbr class="nickname" title="JJ">jj</abbr>
      <abbr class="bday" title="2006-04-04">April 4, 2006</abbr>
      <span class="adr">
        <abbr class="post-office-box" title="Box 1234">B. 1234</abbr>
        <abbr class="extended-address" title="Suite 100">Ste. 100</abbr>
        <abbr class="street-address" title="123 Fake Street">123 Fake St.</abbr>
        <abbr class="locality" title="San Francisco">San Fran</abbr>
        <abbr class="region" title="California">CA</abbr>
        <abbr class="postal-code" title="12345-6789">12345</abbr>
        <abbr class="country-name" title="United States of America">USA</abbr>
        <abbr class="type" title="work">workplace</abbr>
      </span>
      <abbr class="tel" title="415.555.1234">1234</abbr>
      <abbr class="tel-type-value" title="work">workplace</abbr>
<!--       mailer  -->
      <abbr class="tz" title="-0700">Pacific Time</abbr>
      <span class="geo">
        <abbr class="latitude" title="37.77">Northern</abbr>
        <abbr class="longitude" title="-122.41">California</abbr>
      </span>
      <abbr class="title" title="President">pres.</abbr> and
      <abbr class="role" title="Chief">cat wrangler</abbr>
<!--       <span class="agent"></span> -->
      <span class="org">
        <abbr class="organization-name" title="Intellicorp">foo</abbr>
        <abbr class="organization-unit" title="Intelligence">bar</abbr>
      </span>
<!--       <abbr class="category" title=""></abbr> -->
      <abbr class="note" title="this is a note">this is not a note</abbr>
<!--       <abbr class="rev" title=""></abbr>  (revision datetime) -->
<!--       <abbr class="sort-string" title=""></abbr> -->
      <abbr class="uid" title="abcdefghijklmnopqrstuvwxyz">alpha</abbr>
      <abbr class="class" title="public">pub</abbr>
<!--       <abbr class="key" title=""></abbr> -->
    </p>
  </body>
</html>