SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our User Agreement and Privacy Policy.
SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our Privacy Policy and User Agreement for details.
Successfully reported this slideshow.
Activate your 14 day free trial to unlock unlimited reading.
This talk discusses: 1) What are microformats? 2) Why does Mozilla care about microformats? 3) What does a microformat-aware Web browser look like? 4) Why should Web sites expose their content using microformats?
This talk discusses: 1) What are microformats? 2) Why does Mozilla care about microformats? 3) What does a microformat-aware Web browser look like? 4) Why should Web sites expose their content using microformats?
12.
Plain Text
Alex Faaborg
http://mozilla.com
Mozilla
Not Machine
Human Machine
Readable
Readable
13.
vCard
BEGIN:VCARD
VERSION:3.0
FN:Alex Faaborg
URL:http://www.mozilla.com
ORG:Mozilla
END:VCARD
Machine
Not Human
Human
Readable
Readable
14.
CAPTCHA
Not Machine
Human Machine
Readable
Readable
15.
Firefox Dialog
Not Machine
Not Human
Human Machine
Readable
Readable
16.
HTML
Alex Faaborg
Mozilla
<div>
<a href=quot;http://blog.mozila.com/faaborg/quot;>Alex Faaborg</a>
<div>Mozilla</div>
</div>
Not Machine
Human Machine
Readable (content)
Readable Readable
17.
Microformat - hCard
Alex Faaborg
Mozilla
<div class=quot;vcardquot;>
<a class=quot;url fnquot; href=quot;http://blog.mozila.com/faaborg/quot;>Alex Faab
<div class=quot;orgquot;>Mozilla</div>
</div>
Machine
Human
Readable
Readable
18.
What are microformats?
... a way to create information that is both
human and machine readable
19.
What are microformats?
...they give humans and computers a common
ground for discussing information
20.
Information like:
Contacts - hCard
Calendar Events - hCalendar
Locations - geo, adr
Tags - rel-tag
Spam URLs - rel-nofollow
Relationships - XFN
Reviews - hReview
Resumes - hResume
Feeds - hAtom
Licenses - rel-license
Voting on Links - VoteLinks ↓ A whole lot more
21.
Information like:
Contacts - hCard
Calendar Events - hCalendar
Locations - geo, adr
Tags - rel-tag
Spam URLs - rel-nofollow
Relationships - XFN
Reviews - hReview
Resumes - hResume
Feeds - hAtom
Licenses - rel-license
Voting on Links - VoteLinks ↓ A whole lot more
22.
Ways to learn more about microformats:
microformats.org
Ask a question,
get a book
Tuesday, 1:30
In 2003
Wednesday, 4:30
In 2008
25.
1993 Web Browser as Book
C Photo by Derbeth (Flickr)
26.
2005 Web Browser as Radio
C Photo by Darius Capulet (Flickr)
27.
2008 Web Browser as Switchboard
C Photo by Neil Rickards (Flickr)
28.
1993 2005 2008
Book Radio Switchboard
Bookmarks Live Bookmarks Microformat Detection
Back and Next RSS Reader Integration Application Integration
You find the You subscribe to the You move the
information information information around
29.
Multiple types of
information
Not hard wired: the user is in
control of the associations
C Photo by Neil Rickards (Flickr)
30.
At each stage the Web browser has been trying
to keep up with the evolution of the Web
54.
This presentation was
based on work by:
Tanktek Çelik
Ray Ozzie
Michael Kaply
Chris Messina
Wolfgang Bartelme
John Allsopp
Mike Beltzner
Mike Shaver
John Lilly
Basil Hashem
Questions... Sean Martell
Sherman Dickman
Seth Spitzer
faaborg@mozilla.com
C Attribution-ShareAlike 3.0
blogs.mozilla.com/faaborg
http://creativecommons.org/licenses/by-sa/3.0/
labs.mozilla.com