Microformat official explanation for Hcard

About Hcard

Before we say hcard, we first recognize that the Vcard,vcard standard is being widely used, like the "Address Book" in Mac systems.

In addition, other bloggers use it to add a small amount of HTML to describe themselves or their friends or families. and search engine spiders or other aggregators can collect this information, automatically convert to vcard, and then use them for some vcard-related programs or services, such as the imported vcard file for Outlook.

Hcard takes the same approach as the property of a vcard and the value 1:1. Bloggers can use semantic HTML and vcard standards to insert hcard on their pages and then use CSS to beautify them. In addition, Hcard enables applications to retrieve information directly from the page without having to obtain it through other stand-alone vcard files.

You can immediately use the official Hcard creator to create your hcard code and place it on your blog or website to share your personal information.

Translated from microformats.org

The appearance of Hcard makes web2.0 's sharing spirit more intense. Microformat has developed a number of standards that we can share data from our pages without changing the page structure. The industry has also been a lot of explanations for hcard, this side I mostly translated Microformat official articles and some of the articles, detailed collation, hcard roughly divided into six categories:

• Recognition class
  Some information used to identify hcard, such as name, photo, etc.
• Address class
  Record your address, postal code and other information.
• Communication class
  Record your communication information, such as telephone, email, etc.
• Geography class
  Location information, time zone, latitude and longitude and so on.
  This category has also been independently formulated for another specification Geo, and the current FireFox Operator plugin supports finding data on the GEO specification on the page, which can be Operator to the corresponding address of Google Maps or Yahoo maps according to latitude and longitude. At present, however, Geo has no zoom properties, so the map always defaults to the magnification.
• Organization class
  The organization, company, or related information to which hcard belongs.
• Notes class
  Hcard related information and comments. such as hcard belong to which kind of classification, hcard the latest modification time and so on.
• Security class
  Hcard security-related information, such as public level, access password, etc.

Recognition class

Fn
Format name, only one can appear in hcard, and must exist!

Example 1:

<div class= "vcard" >
<span class= "FN" >tommyfan</span>
</div>

If the Value property appears in the FN property, the values within the number will be the FN value

Example 2:

<div class= "vcard" >
<span class= "FN" >my name is <strong class= "value" >tommyfan</strong></span>
</div>

If you use the abbr tag, specify title. The value of title becomes the value of FN

Example 3:

<div class= "vcard" >
They always call me <abbr class= "FN" title= "Tommyfan" > Steal rice </span>
</div>