html5 microformat hCard

http://microformats.org/wiki/hcard

hCard格式用于在html中标记人、公司、组织的信息，如name，address等

hCard基于vCard， 通过在html标签中添加符合规则的class属性来达到标记信息的目的。

1. vcard    作为根类名，表明hCard信息所在
2. fn    必须元素，标记name
3. n    标记structured name用于以下元素的容器
   1. honorific-prefix：    如：Ms， Mr， Dr
   2. given-name：    given name
   3. additional-name： other/middle name
   4. family-name：    family name
   5. honorific-suffix：   eg。 phd esq
4. nickname    nickname/alias
5. org    -company/organization
6. photo    -photo, icon, avatar
7. url     -homepage for this contact
8. email    -email address
9. tel    -telephone number
10. adr    -structured address
11. category    -for tagging contacts
12. note    -notes about the contact

等

<div class="vcard">
<span class="fn">Sally Ride</span>
(<span class="n">
<span class="honorific-prefix">Dr.</span>
<span class="given-name">Sally</span>
<abbr class="additional-name">K.</abbr>
<span class="family-name">Ride</span>
<span class="honorific-suffix">Ph.D.</span></span>),
<span class="nickname">sallykride</span> (IRC)
<div class="org">Sally Ride Science</div>
<img class="photo" src="http://example.com/sk.jpg"/>
<a class="url" href="http://sally.example.com">w</a>,
<a class="email" href="mailto:sally@example.com">e</a>
<div class="tel">+1.818.555.1212</div>
<div class="adr">
<div class="street-address">123 Main st.</div>
<span class="locality">Los Angeles</span>,
<abbr class="region" title="California">CA</abbr>,
<span class="postal-code">91316</span>
<div class="country-name">U.S.A</div></div>
<time class="bday">1951-05-26</time> birthday
<div class="category">physicist</div>
<div class="note">1st American woman in space.</div>
</div>