Microformats - a quick primer

A Quick Primer
RefreshOKC
April 2010

What are Microformats?

Really Tiny Formats


Really Tiny Formats
questions?


Designed for humans ﬁrst and
machines second, microformats are
a set of simple, open data formats
built upon existing and widely
adopted standards.

The Semantic Web
The Semantic Web is not a separate Web but an extension of
the current one, in which information is given well-defined
meaning, better enabling computers and people to work in
cooperation.

It is a source to retrieve information from the web(using the
web spiders from RDF files) and access the data through
Semantic Web Agents or Semantic Web Services. Simply
Semantic Web is data about data or metadata.

Source: "The Semantic Web" by Tim Berners-Lee, James Hendler, and Ora Lassila, Scientific American, 2001

The Semantic Web
The Semantic Web is not a separate Web but an extension of
the current one, in which information is given well-defined
meaning, better enabling computers and people to work in
cooperation.

It is a source to retrieve information from the web (using the
web spiders from RDF files) and access the data through
Semantic Web Agents or Semantic Web Services. Simply
Semantic Web is data about data or metadata.

Source: "The Semantic Web" by Tim Berners-Lee, James Hendler, and Ora Lassila, Scientific American, 2001

Microformat Speciﬁcations

• hCard - People and Organizations


• hCalendar - Calendars and Events


• hReview - Opinions, Ratings and Reviews


• hReview - Opinions, Ratings and Reviews
• also: Tags, Keywords, Categories, and more

<div class="mod basic vcard">
<div class="inner bg-color2">
<div class="hd bg-color0">
<div id="rating" class="rating-base">
<div class='rating-user rating-user-5'></div>
</div>
<h2 class="hdr-font color1 fn org">Oklahoma City Coworking Collaborative - okcCoCo</h2>
<span class="location">
<span class="adr">
<span class="street-address">723 N. Hudson Ave</span>
<span class="locality">Oklahoma City</span>,
<span class="region">Oklahoma</span>  
<span class="postal-code">73102</span>
</span>
</span>
| <a class="url" href="http://www.okccoco.com" target="_blank">Website</a>
| <span class="tel">+1.405.633.3603</span>(405) 633-3603

<div class="geo">
<abbr class="latitude" title="35.4746072">N 35° 28 28.58592</abbr>
<abbr class="longitude" title="-97.5193424">W 97° 31 9.63264</abbr>
</div>
</div>
</div>
</div>

not a typo!
</div>
<span class="adr">
</span>
</span>

<div class="geo">
</div>
</div>
</div>
</div>

</div>

<span class="adr">
</span>
</span>

<div class="geo">
</div>
</div>
</div>
</div>

</div>

<span class=" location">
<span class="adr">
</span>
</span>

<div class="geo">
</div>
</div>
</div>
</div>

</div>

<span class=" adr">
</span>
</span>

<div class="geo">
</div>
</div>
</div>
</div>

</div>
<span class="adr">

<span class=" street-address">723 N. Hudson Ave</span>
</span>
</span>

<div class="geo">
</div>
</div>
</div>
</div>

</div>
<span class="adr">

<span class=" locality">Oklahoma City</span>,
</span>
</span>

<div class="geo">
</div>
</div>
</div>
</div>

</div>
<span class="adr">

<span class=" region">Oklahoma</span>  
</span>
</span>

<div class="geo">
</div>
</div>
</div>
</div>

</div>
<span class="adr">

<span class=" postal-code">73102</span>
</span>
</span>

<div class="geo">
</div>
</div>
</div>
</div>

</div>
<span class="adr">
</span>
</span>

<div class=" geo">
</div>

</div>
</div>
</div>

</div>
<span class="adr">
</span>
</span>

<div class="geo">

<abbr class=" latitude" title="35.4746072">N 35° 28 28.58592</abbr>
</div>

</div>
</div>
</div>

<div id="event" class=" vevent">
<div class="event-title">
<span class="event-title-text summary">Refresh OKC April Meeting</span>
</div>

<div class="datetime">
<abbr class="dtstart" title="20100420T183000">Tuesday April 20, 2010</abbr>
from 6:30pm -
<abbr class="dtend" title="20100420T203000">8:30pm</abbr>
</div>

<div class="venue location vcard">
<span class="fn org">
<a href="/venue/471381/OK/Oklahoma-City/The-Oklahoma-City-Coworking-Collaborative-okcCoCo/">
The Oklahoma City Coworking Collaborative (okcCoCo)
</a>
</span><br />
<div class="address adr">
<span class="street-address">723 N. Hudson Ave.</span><br />
<span class="locality" >Oklahoma City</span>,
</div>
</div>

</div>


</div>


<abbr class=" dtstart" title="20100420T183000">Tuesday April 20, 2010</abbr>
from 6:30pm -
</div>

</a>
</span><br />
</div>
</div>

</div>


</div>

from 6:30pm -

<abbr class=" dtend" title="20100420T203000">8:30pm</abbr>
</div>

</a>
</span><br />
</div>
</div>

</div>


</div>

from 6:30pm -
</div>

</a>
</span><br />
</div>
</div>

</div>

<div class=" hreview yls-dt-reviewcontent">
<div class="item vcard"><span class="fn org">Cattlemen's</span></div>
<span class="yls-rr-staticstar-med yls-rr-1 yls-gl-palette1"><span>User Rating: <i class="rating">1</i> out of
5 stars</span></span>

<div class="yls-dt-author reviewer vcard">
<h5>by
<a href='http://local.yahoo.com/profile;_ylt=ApXLRhMto94X3lQ4jINpDUeKNcIF;_ylv=3?
target=aWQtkLbGbUMPfc4O0gijjouor_trB' >
<em class="fn">lashawnda</em>
</a>
</h5>
<i class="yls-abbr"><abbr title="20100411" class="dtreviewed">04/11/2010</abbr></i>
</div>
<blockquote class="summary description">I was utterly shocked by this place..I used to hear how good this
place was..and it being in Stockyard City i was like "It cant go wrong". Well i was wrong. All i could say when i
left was OMFG. The steak was good..bland...but good. But i paid 20 bucks for a dinner..i expect to get good
rolls..not dry bread. A dinner salad..with real dressing..not mayo sprinkled with paprika. And the baked
potato..could u be any less cheap. It looked, and felt like it had been sitting in a warm oven all day. It was dry
and hard..and all they did was cut it open......yea thats it. no toppings at all. They brink u a plate with butter
and sour cream..geez. That was my first and last time going there. If i could i would have paid the waitress the
30 bucks we spent instead of the meal.</blockquote>

</div>

<div class="hreview yls-dt-reviewcontent">

<div class=" item vcard"><span class="fn org">Cattlemen's</span></div>

<h5>by
</a>
</h5>
</div>

</div>


<div class="item vcard"><span class=" fn org">Cattlemen's</span></div>

<h5>by
</a>
</h5>
</div>

</div>


<span class="yls-rr-staticstar-med yls-rr-1 yls-gl-palette1"><span>User Rating: <i class=" rating">1</i>
out of 5 stars</span></span>

<div class="yls-dt-author reviewer vcard”>
<h5>by
</a>
</h5>
</div>

</div>


<h5>by

<em class=" fn">lashawnda</em>
</a>
</h5>
</div>

</div>


<h5>by
</a>
</h5>
</div>

<blockquote class="summary description">I was utterly shocked by this place..I used to hear how good
this place was..and it being in Stockyard City i was like "It cant go wrong". Well i was wrong. All i could say
when i left was OMFG. The steak was good..bland...but good. But i paid 20 bucks for a dinner..i expect to get good

</div>

Firefox Plugins
Tails Export
https://addons.mozilla.org/en-US/ﬁrefox/addon/2240

Operator
https://addons.mozilla.org/en-US/ﬁrefox/addon/4106

For More Information

http://microformats.org

Chad Henderson
chad@dreamchasers.com

@ElmoFromOK

Microformats - a quick primer

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie Microformats - a quick primer

Ähnlich wie Microformats - a quick primer (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Microformats - a quick primer

Hinweis der Redaktion