Jump to content

Microformat

From Wikipedia, the free encyclopedia
This is an old revision of this page, as edited by Thumperward (talk | contribs) at 17:38, 12 August 2007 (Undid revision 150616212 by Kevinmic (talk) unofficial resource site). The present address (URL) is a permanent link to this revision, which may differ significantly from the current revision.
Microformat logo

In web development, a microformat (sometimes abbreviated μF or uF) is a way of adding simple semantic meaning to human-readable content which is otherwise, from a machine's point of view, just plain text. They allow data items such as events, contact details or locations, on HTML (or XHTML) web pages, to be meaningfully detected and the information in them to be extracted by software, and indexed, searched for, saved or cross-referenced, so that it can be reused or combined.

More technically, they are items of semantic mark up, using just standard (X)HTML with a set of common class-names. They are open and available, freely, for anyone to use.

Current microformats allow the encoding and extraction of events, contact information, social relationships, and so on. More are being developed. Version 3 of the Firefox browser[1], as well as version 8 of Internet Explorer[2] are expected to include native support for microformats.

Principles

(X)HTML standards allow for semantics to be embedded and encoded within them. This is done using specific HTML attributes:

  • class
  • rel
  • rev

For example, 52.48,-1.89 is a pair of numbers which may be understood, from their context, to be a set of geographic coordinates. By wrapping them in spans (or other HTML elements) with specific class names (in this case part of the geo microformat specification): 

 <span class="geo"><span class="latitude">52.48</span>, <span class="longitude">-1.89</span></span>

machines can be told exactly what each value represents, and can then index it, look it up on a map, export it to a GPS device, etc.

Example

Consider the contact information: 

 <div>
 <div>Joe Doe</div>
 <div>The Example Company</div>
 <div>604-555-1234</div>
 <a href="http://example.com/">http://example.com/</a>
 </div>

With hCard microformat markup, that becomes: 

 <div class="vcard">
 <div class="fn">Joe Doe</div>
 <div class="org">The Example Company</div>
 <div class="tel">604-555-1234</div>
 <a class="url" href="http://example.com/">http://example.com/</a>
 </div>

Here the formal name (fn), organisation (org), telephone number (tel) and url have been identified using specific class names; and the whole thing is wrapped in class="vcard", (see vCard) which indicates that the other classes form a vcard, and are not just coincidentally named. Other, optional, hCard classes also exist.

It is now possible for software, for example browser plug-ins, to extract the information, and transfer it to other applications, such as an address book.

Live example

For a live example of microformats on Wikipedia pages, see HCard#Live example

Accessibility of Microformats

Because some microformats make use of the abbr html element in the "abbr design pattern" to conceal machine-only data in the expansion of the abbreviation, the data is inaccessible to some screenreaders that expand abbreviations. This is particularly the case with date-time and geographical data. See the Web Standards Project's Accessibility Task Force article "hAccessibility".

Specific microformats

Several microformats have been developed to enable semantic markup of particular types of information.

Proposed microformats

Among the many proposed microformats[3], the following are undergoing active development:

  • citation - for citing references[4]
  • currency - for amounts of money[5]
  • Geo extension - for places on Mars, The Moon, and other such bodies
  • species - For the names of living things.

Uses of microformats

Using microformats within HTML code provides additional formatting and semantic data that can be used by applications. These could be applications that collect data about on-line resources, such as web crawlers, or desktop applications such as e-mail clients or scheduling software.

Several browser extensions, such as Operator, provide the ability to detect microformats within an HTML document and export them into formats compatible with contact management and calendar utilities, such as Microsoft Outlook.

Microsoft expressed a desire to incorporate Microformats into upcoming projects[6]; as have other software companies.

In Wikipedia - and more generally in MediaWiki - microformats are used as part of templates like {{coord}} for example.

Creation of microformats

Most of the existing microformats were created at the microformat wiki and associated mailing list, by a process of gathering examples of web publishing behaviour, then codifying it. Some other microformats (such as rel=nofollow and unAPI have been proposed, or developed, elsewhere.

See also

References

  1. ^ "Microformats (Mozilla Wiki)". 2007-05-24. Retrieved 2007-06-03. {{cite web}}: Check date values in: |date= (help); Cite has empty unknown parameter: |1= (help)
  2. ^ Bounds, Darren (2007-05-02). "Microsoft drops hints about Internet Explorer 8". Retrieved 2007-05-02. {{cite web}}: Check date values in: |date= (help)
  3. ^ Microformats' exploratory discussions
  4. ^ Citation spec
  5. ^ Currency spec
  6. ^ Bill Gates at Mix06 - "We need microformats"

Further reading

Retrieved from "https://en.wikipedia.org/w/index.php?title=Microformat&oldid=150797215"