Microformats: what are they and why do I care?

29
microformats & what why do I care ? are they

description

From the Voices That Matter conference in San Francisco.

Transcript of Microformats: what are they and why do I care?

Page 1: Microformats: what are they and why do I care?

microformats

&whatwhy do I

care?are they

Page 2: Microformats: what are they and why do I care?

whatare they

Page 3: Microformats: what are they and why do I care?

Wemanticeb

SRDF

OWL

Page 4: Microformats: what are they and why do I care?

Weparateeb

S

Page 5: Microformats: what are they and why do I care?

machines

Page 6: Microformats: what are they and why do I care?
Page 7: Microformats: what are they and why do I care?

Wtandardseb

S

Page 8: Microformats: what are they and why do I care?

wemanticeb

s(X)HTML

microformats

Page 9: Microformats: what are they and why do I care?

wameeb

s

Page 10: Microformats: what are they and why do I care?

humans

Page 11: Microformats: what are they and why do I care?

wherelow hanging fruit

relationshipslicensingpeopleevents

XFNrel-license

hCardhCalendar

Page 12: Microformats: what are they and why do I care?

how

Page 13: Microformats: what are they and why do I care?

rel attributethe relationship from the current document to the anchor specified by the href attribute

<link rel=“stylesheet” href=“foo.css” /><a rel=“help” href=“foo.html”>help</a>

Page 14: Microformats: what are they and why do I care?

rel-license<a href=“http://creativecommons.org/licenses/by/3.0”>Some rights reserved</a>

rel=“license”

Page 15: Microformats: what are they and why do I care?

XFN<a href=“http://suda.co.uk/”> Brian Suda </a><a href=“http://andybudd.com/”> Andy Budd </a>

rel=“friend ”

rel=“friend ”

met colleague

met co-worker

<li>

</li><li>

</li>

Page 16: Microformats: what are they and why do I care?

class attributefor general purpose processing by user agents

Page 17: Microformats: what are they and why do I care?

hCard<a rel=“friend met colleague”

href=“http://suda.co.uk/”> Brian Suda </a></li>

<li >class=“vcard”

class=“fn url”

Page 18: Microformats: what are they and why do I care?

vCardBEGIN:VCARDN:Keith;Jeremy;;;FN:Jeremy KeithORG:Clearleft;TITLE:Web DeveloperTEL;type=CELL:+44 7792 069292END:VCARD

Page 19: Microformats: what are they and why do I care?

iCalendarBEGIN:VEVENTLOCATION:San Francisco DTSTART;VALUE=DATE:20071022DTEND;VALUE=DATE:20071025SUMMARY:Voices That Matter END:VEVENT

Page 20: Microformats: what are they and why do I care?

hCalendarVoices That Matter is taking place in San Francisco from October 22nd to 25th.<span class=“summary”>Voices That Matter</span> <span class=“location”>San Francisco</span>

Page 21: Microformats: what are they and why do I care?

<abbrclass=“dtstart”>October 22nd</abbr>

title=“2007-10-22”

abbr element

Page 22: Microformats: what are they and why do I care?

flickr.com/photos/tantek/1341747652/

Page 23: Microformats: what are they and why do I care?

why do I care

exposediscoverconvertmashup

CSSOperator

Technoratiportability

Page 24: Microformats: what are they and why do I care?

wemanticeb of data

supcoming

flickrlast.fm

powncetwitter

flume

google maps

yahoo local

Page 25: Microformats: what are they and why do I care?

complexity→text

markup

microformats

API

Page 26: Microformats: what are they and why do I care?

whatabout spam

trustgrowth

Page 27: Microformats: what are they and why do I care?

TheProcess

Page 28: Microformats: what are they and why do I care?

whatwhere

howwhy ?

are they

do I care

&

Page 29: Microformats: what are they and why do I care?

adactio.com

microformats.org

thankyou