microformats, building blocks of the semantic web
DESCRIPTION
Presented at the October 2007 Dallas Ruby Brigade meeting.TRANSCRIPT
![Page 1: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/1.jpg)
microformatsbuilding blocks of the semantic web
![Page 2: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/2.jpg)
microformats
![Page 3: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/3.jpg)
µformats
![Page 4: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/4.jpg)
µf
![Page 5: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/5.jpg)
lowercase semantic web
![Page 6: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/6.jpg)
SAME THING
![Page 7: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/7.jpg)
Designed for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards. Instead of throwing away what works today, microformats intend to solve simpler problems first by adapting to current behaviors and usage patterns (e.g. XHTML, blogging).http://microformats.org/about
![Page 8: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/8.jpg)
Designed for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards. Instead of throwing away what works today, microformats intend to solve simpler problems first by adapting to current behaviors and usage patterns (e.g. XHTML, blogging).http://microformats.org/about
![Page 9: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/9.jpg)
Designed for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards. Instead of throwing away what works today, microformats intend to solve simpler problems first by adapting to current behaviors and usage patterns (e.g. XHTML, blogging).http://microformats.org/about
![Page 10: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/10.jpg)
Designed for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards. Instead of throwing away what works today, microformats intend to solve simpler problems first by adapting to current behaviors and usage patterns (e.g. XHTML, blogging).http://microformats.org/about
![Page 11: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/11.jpg)
why?
![Page 12: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/12.jpg)
Drag API
Pitch Here
![Page 13: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/13.jpg)
feeds used to be for geeksauto-discovery in browsers changed that
![Page 14: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/14.jpg)
![Page 15: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/15.jpg)
xml
![Page 16: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/16.jpg)
xmlxhtml
![Page 17: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/17.jpg)
xmlxhtmlmicroformats
![Page 18: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/18.jpg)
xhtmlmicroformats
patterns
![Page 19: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/19.jpg)
microformats
patternselemental µf
![Page 20: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/20.jpg)
patternselemental µfcompound µf
![Page 21: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/21.jpg)
design patternsposh pieces of the puzzle
![Page 22: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/22.jpg)
class“general purpose processing by user agents”
![Page 23: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/23.jpg)
reldescribes link relationships
![Page 24: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/24.jpg)
revdescribes reverse link relationships
![Page 25: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/25.jpg)
rev is falling out of favor :(
![Page 26: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/26.jpg)
those 3 are all you neednot one of them was a tag, all attributes
![Page 27: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/27.jpg)
abbrhuman-friendly meets machine-readable
![Page 28: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/28.jpg)
<abbr class="foo" title="for-µf">on-page</abbr>
![Page 29: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/29.jpg)
datetimeabbr with a dash of ISO8601
![Page 30: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/30.jpg)
<abbr title="2007-10-02T19:00:00-0500">Oct 2 @ 7pm</abbr>
![Page 31: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/31.jpg)
<abbr title="2007-10-02T19:00:00-0500">Oct 2 @ 7pm</abbr>
<%= @time.utc.iso8601 %>
![Page 32: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/32.jpg)
includeDRY, reuse content already on the page
![Page 33: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/33.jpg)
![Page 34: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/34.jpg)
hReview
hReview
hReview
![Page 35: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/35.jpg)
item
hReview
hReview
hReview
![Page 36: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/36.jpg)
<a class="include" href="#item"></a>
![Page 37: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/37.jpg)
elemental microformatsthe middle siblings
![Page 38: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/38.jpg)
the easiest microformat evarstarting small…
![Page 39: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/39.jpg)
rel-homelinks to the home page
![Page 40: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/40.jpg)
<%=link_to 'Home',root_url,:rel => 'home'%>
![Page 41: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/41.jpg)
rel-licenselinks to the content license
![Page 42: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/42.jpg)
<%=link_to 'Terms',license_path,:rel => 'license'%>
![Page 43: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/43.jpg)
rel-enclosurelinks to a download
![Page 44: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/44.jpg)
<%=link_to 'Download',@file.public_filename,:rel => 'enclosure'%>
![Page 45: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/45.jpg)
rel-taglinks to a tag for the current page
![Page 46: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/46.jpg)
pitfall
![Page 47: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/47.jpg)
<a href="http://technorati.com/tag/tech" rel="tag">fish</a>
what is the tag here?
![Page 48: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/48.jpg)
<a href="http://technorati.com/tag/tech" rel="tag">fish</a>
tag
what is the tag here?
![Page 49: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/49.jpg)
<a href="http://technorati.com/tag/tech" rel="tag">fish</a>
tag irrelevant
what is the tag here?
![Page 50: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/50.jpg)
rel-* relies on the URLnot the text of the link
![Page 51: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/51.jpg)
good tags == pretty urls42 < 42-tech < tech
![Page 52: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/52.jpg)
<a href="http://technorati.com/tag/tech" rel="tag">fish</a>
tag irrelevant
![Page 53: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/53.jpg)
<a href="http://technorati.com/tag/tech" rel="tag">fish</a>
tagspace tag irrelevant
![Page 54: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/54.jpg)
xfnhuman relationships as hyperlinks
![Page 55: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/55.jpg)
xfn vocabularyIdentity
me
Friendship
contact
acquaintance
friend
Physical
met
Professional
co-worker
colleague
Romantic
muse
crush
date
sweetheart
Geographical
co-resident
neighbor
Family
childparentsiblingspousekin
![Page 56: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/56.jpg)
<%= link_to @adam.name, @adam, :rel => 'friend met colleague muse'%>
![Page 57: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/57.jpg)
compound microformatscenter of attention
![Page 58: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/58.jpg)
![Page 59: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/59.jpg)
the main wiki pages are specsspecs are great for parsers, not publishers
![Page 60: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/60.jpg)
start by using the creatorshttp://microformats.org/code/
![Page 61: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/61.jpg)
!"#$%&%$!'()*+%#,-(*#.-'(*).--(
/#012
!"#$%&'#(&)*+,-*&.'*&(.#/%#$%&0,$&('#$1/2&+,/.#+.&1/0,$-#.1,/&%121.#3345&&6'*&'"#$%&0,$-#.7&8(*(&#&9:9&$*;$*(*/.#.1,/&,0&!"#$%&;$,;*$.1*(&#/%&!#38*(7&1/&(*-#/.1+&<=6>?5&@*)&8(*$(&+#/&),.'&*-)*%&'"#$%(&%1$*+.34&1/&.'*1$&A*)&;#2*(7&#/%&(.43*&.'*-&A1.'&"BB&.,&-#C*&.'*-&#;;*#$&#(&%*(1$*%5&D3(,7&'"#$%&*/#)3*(&#;;31+#.1,/(&.,&$*.$1*!*&1/0,$-#E.1,/&%1$*+.34&0$,-&A*)&;#2*(&A1.',8.&'#!1/2&.,&$*0*$*/+*&#&(*;#$#.*&!3*5
/#0345201
B1-13#$&.,&'"#$%7&.'*&)#(1(&0,$&'"#3*/%#$&#$*&.'*&1"#3*/%#$&;$,;*$.1*(&A'1+'&#$*&.'*&%121.#3&(.#/%#$%&0,$&(+'*%83*&%1(;3#45&@*)&8(*$(&+#/&*-)*%&#/%&(.43*&.'*1$&+#3*/%#$(&8(1/2&.'*(*&(.#/%#$%&(*-#/.1+(F-#$C8;7&#(&A*33&#(&#..#+'&.,&+,/!*$(1,/&#;E;31+#.1,/(&.'#.!,A&.'*1$&+#3*/E%#$&.,&)*&%,A/3,#%*%&.,&',-*&8(*$&+#3*/%#$&;$,2$#-(5&6'1((,!,A(&4,8$&(+'*%83*&.,&)*&(4/+G%&*#(134&,/&-#/4&%*!1+*(5
6&7<HI&J<=6>?&H$1*/%(&I*.A,$CK&1(&#&(1-;3*&A#4&.,&$*;$*(*/.&'8E-#/&$*3#.1,/('1;(&8(1/2&'4;*$E31/C(5&L/&$*+*/.&4*#$(7&)3,2(&#/%&)3,2$,33(&'#!*&)*+,-*&.'*&0#(.E*(.&2$,A1/2&#$*#&,0&.'*&@*)5&<HI&*/#)3*(&A*).',$(&.,&1/E%1+#.*&.'*1$&$*3#.1,/('1;J(K&.,&.'*&;*,;3*&1/&.'*1$&)3,2$,33(&(1-;34&)4&#%%1/2&#&M$*3M&#..$1)8.*&.,&.'*1$&N#&'$*0O&.#2(5
89:8;<18=>?5=89:8;<18=>?5=@<A5
B/0C*014*9AD1<?<190CEF
>1+$,0,$-#.(&#$*&+,/!*/.1,/(&0,$&-#$C1/2&8;&+,--,/34E*/+,8/.*$*%&%#.#&J(8+'&#(&31/C(7&+,/.#+.&1/0,$-#.1,/7&#/%&+#3*/E%#$&*!*/.(K&1/&*(.#)31('*%&3#/E28#2*(&(8+'&#(&=6>?5&P4&8(1/2&(.#/%#$%1Q*%&(.$8+.8$*(7&+3#((&/#-*(7&#/%&$*3&#..$1)8.*&!#38*(7&1/0,$-#.1,/&)*+,-*(&-,$*&#+E+*((1)3*&#/%&8(*083&.,&),.'&'8E-#/(&#/%&+,-;8.*$(5&6'1(&1(&#&2,,%&.'1/25
/#012*+1<:41CA4E
R&!+#$%
R&0/&
R&/&E&$*SG%&8/3*((&1-;31*%&)4&0/
J0#-134E/#-*7&21!*/E/#-*7&#%%1.1,/#3E/#-*7&',/,$1!+E;$*!T7&',/,$1!+E(8!TK
U;.1,/#3&!*3%(:
R&8$37&/1+C/#-*7&(,$.E(.$1/2
R&*-#13&J.4;*7&!#38*K7&.*3&J.4;*7&!#38*K
R&#%$&J;,(.E,!+*E),T7&*T.*/%*%E#%%$*((7&(.$**.E#%%$*((7&3,+#31.47&$*21,/7&;,(.#3E+,%*7&+,8/.$4E/#-*7&.4;*7&
!#38*K7&3#)*3
R&2*,&J3#.1.8%*7&3,/21.8%*K7&.Q
R&;',.,7&3,2,7&)%#4&JLBU&%#.*K
R&.1.3*7&$,3*7&,$2&J,$2#/1Q#.1,/E/#-*7&,$2#/1Q#.1,/E8/1.K
R&/,.*7&+#.*2,$47&(,8/%
R&81%7&+3#((7&C*47&-#13*$7&$*!
/#0345201*+1<:41CA4ER&!*!*/.&R&%.(.#$.&JLBU&%#.*K&R&(8--#$4U;.1,/#3&H1*3%(:R&3,+#.1,/R&8$3R&%.*/%&JLBU&%#.*KR&%8$#.1,/R&%*(+$1;.1,/R&81%R&+#.*2,$4
I,.*:&H,$&3*((&+,--,/34&8(*%&;$,;*$.1*(7&(**&.'*&'"#3*/%#$&(;*+5
6&7*143*G03H4E
R&0$1*/%7&#+S8#1/.#/+*7&+,/.#+.&J;1+C&,/*KR&-*.R&+,EA,$C*$7&+,33*#28*R&+,E$*(1%*/.7&/*12'),$&J;1+C&,/*KR&+'13%7&;#$*/.7&(1)31/27&(;,8(*7&C1/&J;1+C&,/*KR&-8(*7&+$8('7&%#.*7&(A**.'*#$.R&-*
.43:?H3*3A5IE*J*14E<H1D4E
B.#$.&A1.'&.'*(*&31/C(&.,&3*#$/&-,$*&#),8.&-1+$,0,$-#.(5
R -1+$,0,$-#.(5,$2
R -1+$,0,$-#.(5,$2FA1C1F1/.$,%8+.1,/
R -1+$,0,$-#.(5,$2FA1C1F;$*(*/.#.1,/(
R -1+$,0,$-#.(5,$2FA1C1F;,%+#(.(
R -1+$,0,$-#.(5,$2FA1C1F0#S
R -1+$,0,$-#.(5,$2FA1C1F1-;3*-*/.
R -1+$,0,$-#.(5,$2F%1(+8((
/#012*->09:34
N%1!&1%VW'+#$%EX$1/E"#.,/W&+3#((VW!+#$%WO&&N#&+3#((VW8$3&0/W&'$*0VW'..;:FF*$1/+#.,/5+#WOX$1/&"#.,/NF#O&N%1!&+3#((VW,$2WOL&Y83*&B.8%1,(NF%1!O&N%1!&+3#((VW#%$WO&&N(;#/&+3#((VW+,8/.$4E/#-*WO"#/#%#NF(;#/O&NF%1!ONF%1!O
9AD1<?<190CE;<18=KAIA=/D012
9AD1<?<190CE;<18=KAIA=/D012L4>09:34E
/#0345201*->09:34
N(;#/&+3#((VW!*!*/.WO
N#&+3#((VW8$3W&
'$*0VW'..;:FFAAA5A*)Z+,/5+,-FWO
&&N(;#/&+3#((VW(8--#$4WO@*)&Z5[&
",/0*$*/+*NF(;#/O:&
&&N#))$&+3#((VW%.(.#$.W&.1.3*VWZ[[\E
9[E[\WOU+.,)*$&\NF#))$OE
&&N#))$&+3#((VW%.*/%W&.1.3*VWZ[[\E
9[E[]WO^NF#))$O7&#.&.'*&
N(;#/&+3#((VW3,+#.1,/WOD$2*/.&
=,.*37&B#/&H$#/+1(+,7&"DNF(;#/O
&NF#ONF(;#/O
9AD1<?<190CE;<18=KAIA=/D0345201
9AD1<?<190CE;<18=KAIA=/D0345201L
4>09:34E
6&7*->09:34
_,*&#/%&P$#%&'#!*&-*.&*#+'&,.'*$&
.'$,82'&-8.8#3&#+S8#1/.#/+*(7&#/%&
'#%&#&0*A&1/.*$*(.1/2&+,/!*$(#.1,/(&
#.&;#$.1*(&A'*$*&.'*4&0,8/%&.'*4&'#%&
(*!*$#3&1/.*$*(.(&1/&+,--,/5&6'*4&
'#!*&31/C*%&.,&*#+'&,.'*$&#(&0,33,A(:&
N#&'$*0VW'..;:FF)$#%5*T#-;3*5,$2FW&
$*3VW-*.&0$1*/%WOP$#%NF#O&
N#&'$*0VW'..;:FF`,*5*T#-;3*5,$2FW&
$*3VW-*.&#+S8#1/.#/+*WO_,*NF#O
89:8;<18=>?5=A5C1<
89:8;<18=>?5=D140C<1
grab the pocket cheat sheethttp://microformats.org/wiki/cheat-sheet
![Page 62: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/62.jpg)
hCardpeople, companies, organizations, and places
![Page 63: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/63.jpg)
let’s make this an hCardAdam won’t mind
![Page 64: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/64.jpg)
<body> <div id="header"> <h1>The Real Adam</h1> <h2>Where Adam Keys happens</h2> </div> <p id="blurb"> Adam Keys is a software developer and writer who lives in and about Dallas in the great state of Texas. When not coding or writing, Adam spends his time being a sucker for animals, an amateur humorist, an arbitrator of what is geek-chic and an aspiring erudite. </p> <div id="elsewhere"> <h3>Adam Elsewhere</h3> <ul> <li><a href="http://mvm.therealadam.com">Man vs. Machine</a></li> <li><a href="http://punchline.therealadam.com">Punchline Labs</a></li> <li><a href="http://flickr.com/photos/therealadam/">Flickr</a></li> <li><a href="http://del.icio.us/akeys">del.icio.us</a></li> <li><a href="http://adamkeys.43people.com/">43 People</a></li> <li><a href="http://therealadam.vox.com/">Vox</a></li> <li><a href="http://twitter.com/therealadam">Twitter</a></li> <li><a href="http://www.last.fm/user/therealadam/">Last.fm</a></li> </ul> </div></body>
![Page 65: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/65.jpg)
<body> <div id="header"> <h1>The Real Adam</h1> <h2>Where Adam Keys happens</h2> </div> <p id="blurb"> Adam Keys is a software developer and writer who lives in and about Dallas in the great state of Texas. When not coding or writing, Adam spends his time being a sucker for animals, an amateur humorist, an arbitrator of what is geek-chic and an aspiring erudite. </p> <div id="elsewhere"> <h3>Adam Elsewhere</h3> <ul> <li><a href="http://mvm.therealadam.com">Man vs. Machine</a></li> <li><a href="http://punchline.therealadam.com">Punchline Labs</a></li> <li><a href="http://flickr.com/photos/therealadam/">Flickr</a></li> <li><a href="http://del.icio.us/akeys">del.icio.us</a></li> <li><a href="http://adamkeys.43people.com/">43 People</a></li> <li><a href="http://therealadam.vox.com/">Vox</a></li> <li><a href="http://twitter.com/therealadam">Twitter</a></li> <li><a href="http://www.last.fm/user/therealadam/">Last.fm</a></li> </ul> </div></body>
<body class="vcard">
![Page 66: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/66.jpg)
<body> <div id="header"> <h1>The Real Adam</h1> <h2>Where Adam Keys happens</h2> </div> <p id="blurb"> Adam Keys is a software developer and writer who lives in and about Dallas in the great state of Texas. When not coding or writing, Adam spends his time being a sucker for animals, an amateur humorist, an arbitrator of what is geek-chic and an aspiring erudite. </p> <div id="elsewhere"> <h3>Adam Elsewhere</h3> <ul> <li><a href="http://mvm.therealadam.com">Man vs. Machine</a></li> <li><a href="http://punchline.therealadam.com">Punchline Labs</a></li> <li><a href="http://flickr.com/photos/therealadam/">Flickr</a></li> <li><a href="http://del.icio.us/akeys">del.icio.us</a></li> <li><a href="http://adamkeys.43people.com/">43 People</a></li> <li><a href="http://therealadam.vox.com/">Vox</a></li> <li><a href="http://twitter.com/therealadam">Twitter</a></li> <li><a href="http://www.last.fm/user/therealadam/">Last.fm</a></li> </ul> </div></body>
<body class="vcard">
<h2>Where <span class="fn">Adam Keys</span> happens</h2>
![Page 67: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/67.jpg)
we’re donethat is, now we have a valid hCard
![Page 68: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/68.jpg)
<div id="header"> <h1>The Real Adam</h1> <h2>Where <span class="fn">Adam Keys</span> happens</h2></div>
![Page 69: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/69.jpg)
<div id="header"> <h1>The Real Adam</h1> <h2>Where <span class="fn">Adam Keys</span> happens</h2></div>
<h1 class="nickname">The Real Adam</h1>
![Page 70: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/70.jpg)
<p id="blurb"> Adam Keys is a software developer and writer who lives in and about Dallas in the great state of Texas. When not coding or writing, Adam spends his time being a sucker for animals, an amateur humorist, an arbitrator of what is geek-chic and an aspiring erudite.</p>
![Page 71: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/71.jpg)
<p id="blurb"> Adam Keys is a software developer and writer who lives in and about Dallas in the great state of Texas. When not coding or writing, Adam spends his time being a sucker for animals, an amateur humorist, an arbitrator of what is geek-chic and an aspiring erudite.</p>
<span class="title">software developer and writer</span>
![Page 72: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/72.jpg)
<p id="blurb"> Adam Keys is a software developer and writer who lives in and about Dallas in the great state of Texas. When not coding or writing, Adam spends his time being a sucker for animals, an amateur humorist, an arbitrator of what is geek-chic and an aspiring erudite.</p>
<span class="title">software developer and writer</span> class="adr">
![Page 73: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/73.jpg)
<p id="blurb"> Adam Keys is a software developer and writer who lives in and about Dallas in the great state of Texas. When not coding or writing, Adam spends his time being a sucker for animals, an amateur humorist, an arbitrator of what is geek-chic and an aspiring erudite.</p>
<span class="title">software developer and writer</span> class="adr">
<span class="locality">Dallas</span> in the great state
![Page 74: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/74.jpg)
<p id="blurb"> Adam Keys is a software developer and writer who lives in and about Dallas in the great state of Texas. When not coding or writing, Adam spends his time being a sucker for animals, an amateur humorist, an arbitrator of what is geek-chic and an aspiring erudite.</p>
<span class="title">software developer and writer</span> class="adr">
<span class="locality">Dallas</span> in the great state<span class="region">Texas</span>. When not coding or writing, Adam spends
![Page 75: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/75.jpg)
<ul> <li><a class="url" rel="me" <li><a class="url" rel="me" <li><a class="url" rel="me" <li><a class="url" rel="me" <li><a class="url" rel="me" <li><a class="url" rel="me" <li><a class="url" rel="me" <li><a class="url" rel="me"</ul>
href="http://mvm.therealadam.com">Man vs. Machine</a></li>href="http://punchline.therealadam.com">Punchline Labs</a></li>href="http://flickr.com/photos/therealadam/">Flickr</a></li>href="http://del.icio.us/akeys">del.icio.us</a></li>href="http://adamkeys.43people.com/">43 People</a></li>href="http://therealadam.vox.com/">Vox</a></li>href="http://twitter.com/therealadam">Twitter</a></li>href="http://www.last.fm/user/therealadam/">Last.fm</a></li>
![Page 76: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/76.jpg)
<ul> <li><a class="url" rel="me" <li><a class="url" rel="me" <li><a class="url" rel="me" <li><a class="url" rel="me" <li><a class="url" rel="me" <li><a class="url" rel="me" <li><a class="url" rel="me" <li><a class="url" rel="me"</ul>
href="http://mvm.therealadam.com">Man vs. Machine</a></li>href="http://punchline.therealadam.com">Punchline Labs</a></li>href="http://flickr.com/photos/therealadam/">Flickr</a></li>href="http://del.icio.us/akeys">del.icio.us</a></li>href="http://adamkeys.43people.com/">43 People</a></li>href="http://therealadam.vox.com/">Vox</a></li>href="http://twitter.com/therealadam">Twitter</a></li>href="http://www.last.fm/user/therealadam/">Last.fm</a></li>
![Page 77: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/77.jpg)
<ul> <li><a class="url" rel="me" <li><a class="url" rel="me" <li><a class="url" rel="me" <li><a class="url" rel="me" <li><a class="url" rel="me" <li><a class="url" rel="me" <li><a class="url" rel="me" <li><a class="url" rel="me"</ul>
href="http://mvm.therealadam.com">Man vs. Machine</a></li>href="http://punchline.therealadam.com">Punchline Labs</a></li>href="http://flickr.com/photos/therealadam/">Flickr</a></li>href="http://del.icio.us/akeys">del.icio.us</a></li>href="http://adamkeys.43people.com/">43 People</a></li>href="http://therealadam.vox.com/">Vox</a></li>href="http://twitter.com/therealadam">Twitter</a></li>href="http://www.last.fm/user/therealadam/">Last.fm</a></li>
![Page 78: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/78.jpg)
<body class="vcard"> <div id="header"> <h1 class="nickname">The Real Adam</h1> <h2>Where <span class="fn">Adam Keys</span> happens</h2> </div> <p id="blurb" class="adr"> Adam Keys is a <span class="title">software developer and writer</span> who lives in and about <span class="locality">Dallas</span> in the great state of <span class="region">Texas</span>. When not coding or writing, Adam spends his time being a sucker for animals, an amateur humorist, an arbitrator of what is geek-chic and an aspiring erudite. </p> <div id="elsewhere"> <h3>Adam Elsewhere</h3> <ul> <li><a class="url" rel="me" href="http://mvm.therealadam.com">Man vs. Machine</a></li> <li><a class="url" rel="me" href="http://punchline.therealadam.com">Punchline Labs</a></li> <li><a class="url" rel="me" href="http://flickr.com/photos/therealadam/">Flickr</a></li> <li><a class="url" rel="me" href="http://del.icio.us/akeys">del.icio.us</a></li> <li><a class="url" rel="me" href="http://adamkeys.43people.com/">43 People</a></li> <li><a class="url" rel="me" href="http://therealadam.vox.com/">Vox</a></li> <li><a class="url" rel="me" href="http://twitter.com/therealadam">Twitter</a></li> <li><a class="url" rel="me" href="http://www.last.fm/user/therealadam/">Last.fm</a></li> </ul> </div></body>
![Page 79: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/79.jpg)
![Page 80: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/80.jpg)
hCalendarcalendaring and events
![Page 81: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/81.jpg)
let’s make this an hCalendarbetter late than never
![Page 82: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/82.jpg)
h2. Next Meeting!
*When*: October 2, 7-9 PM.
*What*: Chris Griego drops the Microformats knowledge
Chris Griego will educate us on Microformats. They're a great way tobuild machine-readable data into your site or application without having to go tothe length of offering a full-blown API. There's also lots of great data availableas Microformats from sites like Yahoo! Upcoming and LinkedIn.
*Where*: Improving's new offices -- HowToGetToImproving
![Page 83: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/83.jpg)
h2. Next Meeting!
*When*: October 2, 7-9 PM.
*What*: Chris Griego drops the Microformats knowledge
Chris Griego will educate us on Microformats. They're a great way tobuild machine-readable data into your site or application without having to go tothe length of offering a full-blown API. There's also lots of great data availableas Microformats from sites like Yahoo! Upcoming and LinkedIn.
*Where*: Improving's new offices -- HowToGetToImproving
<div class="vevent">
</div>
![Page 84: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/84.jpg)
h2. Next Meeting!
*When*: October 2, 7-9 PM.
*What*: Chris Griego drops the Microformats knowledge
Chris Griego will educate us on Microformats. They're a great way tobuild machine-readable data into your site or application without having to go tothe length of offering a full-blown API. There's also lots of great data availableas Microformats from sites like Yahoo! Upcoming and LinkedIn.
*Where*: Improving's new offices -- HowToGetToImproving
*What*: %(summary)Chris Griego drops the Microformats knowledge%
<div class="vevent">
</div>
![Page 85: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/85.jpg)
h2. Next Meeting!
*When*: October 2, 7-9 PM.
*What*: Chris Griego drops the Microformats knowledge
Chris Griego will educate us on Microformats. They're a great way tobuild machine-readable data into your site or application without having to go tothe length of offering a full-blown API. There's also lots of great data availableas Microformats from sites like Yahoo! Upcoming and LinkedIn.
*Where*: Improving's new offices -- HowToGetToImproving
*What*: %(summary)Chris Griego drops the Microformats knowledge%
<div class="vevent">
</div>
*When*: <abbr title="2007-10-02T19:00:00-05:00" class="dtstart">October 2, 7</abbr>-<abbr title="2007-10-02T21:00:00-05:00" class="dtend">9 PM</abbr>.
![Page 86: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/86.jpg)
h2. Next Meeting!
*When*: October 2, 7-9 PM.
*What*: Chris Griego drops the Microformats knowledge
Chris Griego will educate us on Microformats. They're a great way tobuild machine-readable data into your site or application without having to go tothe length of offering a full-blown API. There's also lots of great data availableas Microformats from sites like Yahoo! Upcoming and LinkedIn.
*Where*: Improving's new offices -- HowToGetToImproving
%(description)Chris Griego will educate us on Microformats. They're a great way tobuild machine-readable data into your site or application without having to go to the length of offering a full-blown API. There's also lots of great data available as Microformats from sites like Yahoo! Upcoming and LinkedIn.%
*What*: %(summary)Chris Griego drops the Microformats knowledge%
<div class="vevent">
</div>
*When*: <abbr title="2007-10-02T19:00:00-05:00" class="dtstart">October 2, 7</abbr>-<abbr title="2007-10-02T21:00:00-05:00" class="dtend">9 PM</abbr>.
![Page 87: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/87.jpg)
h2. Next Meeting!
*When*: October 2, 7-9 PM.
*What*: Chris Griego drops the Microformats knowledge
Chris Griego will educate us on Microformats. They're a great way tobuild machine-readable data into your site or application without having to go tothe length of offering a full-blown API. There's also lots of great data availableas Microformats from sites like Yahoo! Upcoming and LinkedIn.
*Where*: Improving's new offices -- HowToGetToImproving
%(description)Chris Griego will educate us on Microformats. They're a great way tobuild machine-readable data into your site or application without having to go to the length of offering a full-blown API. There's also lots of great data available as Microformats from sites like Yahoo! Upcoming and LinkedIn.%
*What*: %(summary)Chris Griego drops the Microformats knowledge%
<div class="vevent">
</div>*Where*: %(location)Improving%'s new offices -- HowToGetToImproving
*When*: <abbr title="2007-10-02T19:00:00-05:00" class="dtstart">October 2, 7</abbr>-<abbr title="2007-10-02T21:00:00-05:00" class="dtend">9 PM</abbr>.
![Page 88: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/88.jpg)
![Page 89: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/89.jpg)
hReviewproducts, businesses, events, people, places, etc.
![Page 90: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/90.jpg)
item
hCard
hCalendar
fn
![Page 91: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/91.jpg)
item
hCard
hCalendar
fn
reviewer
hCard
![Page 92: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/92.jpg)
item
hCard
hCalendar
fn
reviewer
hCard
tags
rel-tag
![Page 93: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/93.jpg)
item
hCard
hCalendar
fn
reviewer
hCard
tags
rel-tag
permalink
rel-bookmark (posh)
![Page 94: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/94.jpg)
item
hCard
hCalendar
fn
reviewer
hCard
tags
rel-tag
permalink
rel-bookmark (posh)
license
rel-license
![Page 95: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/95.jpg)
hRésumébuilt almost entirely out of existing formats
![Page 96: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/96.jpg)
contact
hCard
![Page 97: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/97.jpg)
contact
hCard
skills
rel-tag
![Page 98: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/98.jpg)
contact
hCard
skills
rel-tag
affiliations
hCard
![Page 99: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/99.jpg)
contact
hCard
skills
rel-tag
affiliations
hCard
education
hCalendar
hCard
![Page 100: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/100.jpg)
contact
hCard
skills
rel-tag
affiliations
hCard
education
hCalendar
hCard
experience
hCalendar
hCard
![Page 101: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/101.jpg)
hAtomsyndication
![Page 102: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/102.jpg)
microformats syndicatedNetNewsWire exposes them just like a browser
![Page 103: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/103.jpg)
resourcesdon’t stop now
![Page 104: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/104.jpg)
operatordiscover microformats on the web
![Page 105: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/105.jpg)
microformats bookby John Allsopp
![Page 106: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/106.jpg)
blog
wiki
irc: #microformats on freenode
mailling lists
microformats.org
![Page 107: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/107.jpg)
ruby µf parsers
gem uformats # updated 2006-08-02
gem scrAPI # updated 2006-08-27
gem mofo # updated 2007-08-17
![Page 108: Microformats, Building Blocks of the Semantic Web](https://reader034.vdocuments.us/reader034/viewer/2022052505/555852add8b42a993b8b4a47/html5/thumbnails/108.jpg)
thanks for listening1. install operator
2. add rel-home
3. add an hCard