Microformats: What are they and why should you use them?
In ur HTML enhancin ur tags. This talk was given at the November 2008 RefreshAugusta meetup. To support the slides, I created a microsite with links to all of the sites mentioned in the slides.
S O N C H R I S @ C D H A R R I S O N . C O M mi c r o f o r ma t s : Wh a t a r e t h e y a n d w h y s h o u l d y o u u s e t h e m? CH RI S H A RRI SO N
S O N C H R I S @ C D H A R R I S O N . C O M Wh a t a r e mi c r o f o r ma t s ? “ d e s i g n e d f o r h u ma n s f i r s t a n d ma c h i n e s s e c o n d , “ d e s i g n e d f o r h u ma n s f i r s t a n d ma c h i n e s s e c o n d , mi c r o f o r ma t s a r e a s e t o f s i mp l e , o p e n d a t a f o r ma t s b u i l t u p o n e x i s t i n g a n d w i d e l y a d o p t e d s t a n d a r d s . I n s t e a d o f t h r o w i n g a w a y w h a t w o r k s t o d a y , mi c r o f o r ma t s i n t e n d t o s o l v e s i mp l e r p r o b l e ms b y a d a p t i n g t o c u r r e n t b e h a v i o r s a n d u s a g e p a t t e r n s ( e . g . X H T ML , b l o g g i n g ) . ” h t t p : / / mi c r o f o r ma t s . o r g / a b o u t /
S O N C H R I S @ C D H A R R I S O N . C O M Mi c r o f o r ma t s a r e . . . a w a y o f t h i n k i n g a b o u t d a t a d e s i g n p r i n c i p l e s f o r f o r ma t s a d a p t e d t o c u r r e n t b e h a v i o r s a n d u s a g e p a t t e r n s ( “ P a v e t h e c o w p a t h s . ” ) h i g h l y c o r r e l a t e d w i t h s e ma n t i c X H T ML , A K A t h e r e a l w o r l d s e ma n t i c s , A K A l o w e r c a s e s e ma n t i c w e b , A K A l o s s l e s s X H T ML a s e t o f s i mp l e o p e n d a t a f o r ma t s t a n d a r d s t h a t ma n y a r e a c t i v e l y a s e t o f s i mp l e o p e n d a t a f o r ma t s t a n d a r d s t h a t ma n y a r e a c t i v e l y d e v e l o p i n g a n d i mp l e me n t i n g f o r mo r e / b e t t e r s t r u c t u r e d b l o g g i n g a n d w e b mi c r o c o n t e n t p u b l i s h i n g i n g e n e r a l . “ A n e v o l u t i o n a r y r e v o l u t i o n ” a l l t h e a b o v e .
S O N C H R I S @ C D H A R R I S O N . C O M Mi c r o f o r ma t s a r e n o t . . . a n e w l a n g u a g e i n f i n i t e l y e x t e n s i b l e a n d o p e n - e n d e d a n a t t e mp t t o g e t e v e r y o n e t o c h a n g e t h e i r b e h a v i o r a n d r e w r i t e t h e i r t o o l s a w h o l e n e w a p p r o a c h t h a t t h r o w s a w a y w h a t a l r e a d y w o r k s t o d a y a p a n a c e a f o r a l l t a x o n o mi e s , o n t o l o g i e s , a n d o t h e r s u c h a b s t r a c t i o n s a p a n a c e a f o r a l l t a x o n o mi e s , o n t o l o g i e s , a n d o t h e r s u c h a b s t r a c t i o n s d e f i n i n g t h e w h o l e w o r l d , o r e v e n j u s t b o i l i n g t h e o c e a n a n y o f t h e a b o v e
S O N C H R I S @ C D H A R R I S O N . C O M Mi c r o f o r ma t s P r i n c i p l e s s o l v e a s p e c i f i c p r o b l e m s t a r t a s s i mp l e a s p o s s i b l e d e s i g n f o r h u ma n s f i r s t , ma c h i n e s s e c o n d r e u s e b u i l d i n g b l o c k s f r o m w i d e l y a d o p t e d s t a n d a r d s mo d u l a r i t y / e mb e d d a b i l i t y e n a b l e a n d e n c o u r a g e d e c e n t r a l i z e d d e v e l o p me n t , e n a b l e a n d e n c o u r a g e d e c e n t r a l i z e d d e v e l o p me n t , c o n t e n t , s e r v i c e s
S O N C H R I S @ C D H A R R I S O N . C O M Mi c r o f o r ma t S p e c i f i c a t i o n s h C a r d , X F N h C a l e n d a r P e o p l e a n d O r g a n i z a t i o n s C a l e n d a r s a n d E v e n t s V o t e L i n k s , h R e v i e w r e l - l i c e n s e O p i n i o n s R a t i n g s a n d R e v i e w s L i c e n s e s r e l - t a g X O X O T T a g s , K e y w o r d s , C a t e g o r i e s L i s t s a n d O u t l i n e s a d r , g e o , h A t o m, h R e s u me , h R e v i e w , r e l - d i r e c t o r y , r e l - e n c l o s u r e , r e l - h o me , r e l - p a y me n t , x F o l k A d d i t i o n a l D r a f t S p e c i f i c a t i o n s
S O N C H R I S @ C D H A R R I S O N . C O M E n o u g h w i t h t h e f o r ma l c r a p . . . Wh y s h o u l d I b e u s i n g mi c r o f o r ma t s r i g h t n o w ?
S O N C H R I S @ C D H A R R I S O N . C O M S t a n d a r d s . E l i mi n a t e g u e s s w o r k a n d i r r e g u l a r a p p r o a c h e s a l r e a d y t a k e n b y w e b d e v e l o p e r s w h e n ma r k i n g u p c o n t e n t . C o d e mo r e e f f i c i e n t l y . P r o v i d e me a n i n g f u l s t r u c t u r e t o d a t a .
S O N C H R I S @ C D H A R R I S O N . C O M h C a r d : T h e Ma r k u p < d i v i d = " c o n t a c t " c l a s s = " v c a r d " > < a h r e f = " m a i l t o : c h r i s @ p o w e r s e r v e . n e t " c l a s s = " f n " > < s p a n c l a s s = " g i v e n - n a m e " > C h r i s < / s p a n > < s p a n c l a s s = " f a m i l y - n a m e " > H a r r i s o n < / s p a n > < / a > < p c l a s s = " t i t l e " > S e n i o r D e s i g n e r < / p > < p c l a s s = " o r g " > < a h r e f = " h t t p : / / p o w e r s e r v e . n e t " > P o w e r S e r v e < / a > < / p > < d i v c l a s s = " a d r " > < p c l a s s = " s t r e e t - a d d r e s s " > 9 5 9 B r o a d S t r e e t < / p > < p c l a s s = " e x t e n d e d - a d d r e s s " > S u i t e 3 0 0 < / p > < s p a n c l a s s = " l o c a l i t y " > A u g u s t a < / s p a n > , < s p a n c l a s s = " r e g i o n " > G e o r g i a < / s p a n > < s p a n c l a s s = " p o s t a l - c o d e " > 3 0 9 0 1 < / s p a n > < / d i v > < d i v c l a s s = " t e l " > < s t r o n g c l a s s = " t y p e " > C e l l < / s t r o n g > - < s p a n c l a s s = " v a l u e " > ( 7 0 6 ) 4 9 5 - 8 4 3 1 < / s p a n > < / d i v > < / d i v >
S O N C H R I S @ C D H A R R I S O N . C O M h C a r d i n t h e Wi l d Y o u T u b e u s e s h C a r d t o i d e n t i f y v i d e o c o n t r i b u t o r s . h t t p : / / w w w . y o u t u b e . c o m/ w a t c h ? v = g n 6 u Z - d k V n w T w i t t e r u s e s h C a r d f o r u s e r i n f o r ma t i o n ( a l o n g w i t h h A t o m, X F N a n d r e l = " me " . ) h t t p : / / w w w . t w i t t e r . c o m/ h o me / A v o n p u b l i s h e s a l l 4 0 , 0 0 0 + A v o n r e p r e s e n t a t i v e s ’ c o n t a c t i n f o w i t h h C a r d . h t t p : / / s h o p . a v o n . c o m/ s h o p / f i n d _ a _ h t t p : / / s h o p . a v o n . c o m/ s h o p / f i n d _ a _ r e p . a s p Ma p Q u e s t L o c a l u s e s h C a r d s f o r l o c a t i o n s , h C a l e n d a r f o r e v e n t s a n d s u p p o r t s t h e d r a f t G e o f o r ma t w h e n l a t / l n g d a t a i s p r o v i d e d . h t t p : / / b l o g . ma p q u e s t . c o m/ 2 0 0 8 / 0 9 / 2 5 / mi c r o f o r ma t - s u p p o r t - o n - ma p q u e s t - l o c a l /
S O N C H R I S @ C D H A R R I S O N . C O M h C a l e n d a r : T h e Ma r k u p < d i v i d = " h c a l e n d a r - S X S W i " c l a s s = " v e v e n t " > < a c l a s s = " u r l " h r e f = " h t t p : / / s x s w . c o m / i n t e r a c t i v e / " > S o u t h b y S o u t h W e s t I n t e r a c t i v e < / a > < a b b r c l a s s = " d t s t a r t " t i t l e = " 2 0 0 9 - 0 3 - 1 3 " > M a r c h 1 3 t h < / a b b r > : < a b b r c l a s s = " d t e n d " t i t l e = " 2 0 0 9 - 0 3 - 1 7 " > 1 7 t h , 2 0 0 9 < / a b b r > < d i v c l a s s = " d e s c r i p t i o n " > T h e S X S W I n t e r a c t i v e F e s t i v a l f e a t u r e s f i v e d a y s o f e x c i t i n g p a n e l c o n t e n t a n d a m a z i n g p a r t i e s . A t t r a c t i n g d i g i t a l c r e a t i v e s a s w e l l a s v i s i o n a r y t e c h n o l o g y e n t r e p r e n e u r s , t h e e v e n t c e l e b r a t e s t h e b e s t m i n d s a n d t h e b r i g h t e s t p e r s o n a l i t i e s o f e m e r g i n g t e c h n o l o g y . < / d i v > < / d i v >
S O N C H R I S @ C D H A R R I S O N . C O M h C a l e n d a r i n t h e Wi l d P H P . n e t u s e s h C a l e n d a r i n t h e i r C o n f e r e n c e A n n o u n c e me n t s a n d E v e n t C a l e n d a r . h t t p : / / w w w . p h p . n e t / c o n f e r e n c e s / · h t t p : / / w w w . p h p . n e t / c a l . p h p L a s t . f m - u s e s h C a l e n d a r o n a l l c o n c e r t a n n o u n c e me n t s . E X A MP L E : h t t p : / / w w w . l a s t . f m/ e v e n t / 7 5 6 1 5 U p c o mi n g h a s s u p p o r t f o r h C a l e n d a r a n d h C a r d o n e v e n t p a g e s . U p c o mi n g h a s s u p p o r t f o r h C a l e n d a r a n d h C a r d o n e v e n t p a g e s . E X A MP L E : h t t p : / / u p c o mi n g . y a h o o . c o m/ e v e n t / 1 3 3 7 7 7 7 / Me e t u p . c o m h a s ma r k e d u p c i t y e v e n t c a l e n d a r s , g r o u p e v e n t l i s t s , a n d s i g n e d - i n h o me p a g e s w i t h h C a l e n d a r . E X A MP L E : h t t p : / / w w w . me e t u p . c o m/ c i t i e s / u s / g a / a u g u s t a / e v e n t s / ? r a d i u s = 5 0 . 0
S O N C H R I S @ C D H A R R I S O N . C O M Wh a t c a n w e d o w i t h mi c r o f o r ma t s ? “ Mi c r o f o r ma t s ma k e i t e a s y f o r y o u o r a n y o n e t o s h a r e “ Mi c r o f o r ma t s ma k e i t e a s y f o r y o u o r a n y o n e t o s h a r e a n d r e u s e d a t a i n y o u r w e b p a g e s a n d c o n t e n t e l s e w h e r e — f o r e x a mp l e , t o p o p u l a t e a n a d d r e s s b o o k , b r o w s e s o c i a l r e l a t i o n s h i p s , s h a r e r e v i e w s , t a g c o n t e n t o r p u b l i s h a n d d i s c o v e r e v e n t s . ” — C h r i s Me s s i n a , w i t h mi n o r t w e a k s b y T a n t e k Ç e l i k h t t p : / / mi c r o f o r ma t s . o r g / w i k i / w h a t - c a n - y o u - d o - w i t h - mi c r o f o r ma t s
S O N C H R I S @ C D H A R R I S O N . C O M D e v e l o p e r ’ s T o o l k i t A n a l y s i s / E x t r a c t i o n O p e r a t o r - F i r e f o x p l u g i n T a i l s E x p o r t - F i r e f o x p l u g i n Mi c r o s o f t O o mp h A u t h o r i n g D r e a mw e a v e r Mi c r o f o r ma t s E x t e n s i o n O n l i n e C r e a t o r s ( h C a r d , h C a l e n d a r , h R e v i e w )
S O N C H R I S @ C D H A R R I S O N . C O M O p e r a t o r O p e r a t o r , a F i r e f o x e x t e n s i o n , l e v e r a g e s mi c r o f o r ma t s a n d o t h e r s e ma n t i c d a t a t h a t a r e a l r e a d y a v a i l a b l e o n ma n y w e b p a g e s t o p r o v i d e n e w w a y s t o i n t e r a c t w i t h w e b s e r v i c e s . h t t p s : / / a d d o n s . mo z i l l a . o r g / e n - U S / f i r e f o x / a d d o n / 4 1 0 6
S O N C H R I S @ C D H A R R I S O N . C O M T a i l s E x p o r t A F i r e f o x e x t e n s i o n f o r S h o w i n g a n d E x p o r t i n g Mi c r o f o r ma t s . C u r r e n t l y i t s u p p o r t s t h e f o l l o w i n g f o r ma t s : h C a r d [ e x p o r t t o . v c f f i l e ] , h C a l e n d a r [ e x p o r t t o . i c s f i l e ] , h R e v i e w , x F o l k , R e l - l i c e n s e h t t p s : / / a d d o n s . mo z i l l a . o r g / e n - U S / f i r e f o x / a d d o n / 2 2 4 0
S O N C H R I S @ C D H A R R I S O N . C O M O o mp h O o mp h : A Mi c r o f o r ma t s T o o l k i t i s f o r w e b d e v e l o p e r s , d e s i g n e r s a n d u s e r s , ma k i n g i t e a s i e r t o c r e a t e , c o n s u me , a n d s t y l e Mi c r o f o r ma t s . I n s h o r t , O o mp h ma k e s c o n s u mi n g a n d p r o d u c i n g c o n t e n t f o r t h e w e b j u s t a l i t t l e e a s i e r , mo r e e f f i c i e n t , mo r e f u n . h t t p : / / v i s i t mi x . c o m/ L a b / O o mp h h t t p : / / v i s i t mi x . c o m/ L a b / O o mp h
S O N C H R I S @ C D H A R R I S O N . C O M D r e a mw e a v e r E x t e n s i o n T h e e x t e n s i o n ( i d e a l l y f o r u s e w i t h D r e a mw e a v e r 8 , T h e e x t e n s i o n ( i d e a l l y f o r u s e w i t h D r e a mw e a v e r 8 , a l t h o u g h s h o u l d w o r k f o r MX a n d a b o v e ) i mp l e me n t s a f e w s i mp l e I n s e r t B a r O b j e c t s t o h e l p D r e a mw e a v e r u s e r s t o a d d h C a l e n d a r , h C a r d , r e l - l i c e n s e , r e l - t a g a n d X F N d a t a t o t h e i r d o c u me n t s . h t t p : / / w w w . w e b s t a n d a r d s . o r g / a c t i o n / d w t f / mi c r o f o r ma t s /
S O N C H R I S @ C D H A R R I S O N . C O M O n l i n e C r e a t o r s h C a r d C r e a t o r h t t p : / / mi c r o f o r ma t s . o r g / c o d e / h c a r d / c r e a t o r h C a l e n d a r C r e a t o r h t t p : / / mi c r o f o r ma t s . o r g / c o d e / h c a l e n d a r / c r e a t o r h R e v i e w C r e a t o r h t t p : / / mi c h t t p : / / mi c r o f o r ma t s . o r g / c o d e / h r e v i e w / c r e a t o r . h t ml
S O N C H R I S @ C D H A R R I S O N . C O M B r o w s e r S u p p o r t C u r r e n t b r o w s e r s c a n d e t e c t mi c r o f o r ma t u s a g e v i a p l u g i n s . S o me , l i k e F l o c k , a l r e a d y h a v e n a t i v e s u p p o r t . F u t u r e b r o w s e r s w i l l s u p p o r t mi c r o f o r ma t s r i g h t o u t o f t h e b o x . h t t p : / / mi c r o f o r ma t s . o r g / w i k i / b r o w s e r F i r e f o x / F e a t u r e B r a i n s t o r mi n g : Mi c r o f o r ma t H a n d l i n g F i r e f o x / F e a t u r e B r a i n s t o r mi n g : Mi c r o f o r ma t H a n d l i n g h t t p s : / / w i k i . mo z i l l a . o r g / F i r e f o x / F e a t u r e _ B r a i n s t o r mi n g : Mi c r o f o r ma t _ H a n d l i n g I n t e r n e t E x p l o r e r 8 t o S u p p o r t h A t o m ( v i a We b S l i c e s ) h t t p : / / w w w . mi c r o s o f t . c o m/ w i n d o w s / i n t e r n e t - e x p l o r e r / b e t a / r e a d i n e s s / d e v e l o p e r s - n e w . a s p x # w e b s l i c e s
S O N C H R I S @ C D H A R R I S O N . C O M A d d i t i o n a l R e s o u r c e s : h t t p : / / mi c r o f o r ma t s . o r g h t t p : / / mi c r o f o r ma t i q u e . c o m/ h t t p : / / w w w . a b l o g n o t l i mi t e d . c o m/ a r t i c l e s / t a g / mi c r o f o r ma t s / h t t p : / / w w w . d i g i t a l - w e b . c o m/ a r t i c l e s / mi c r o f o r ma t s _ p r i me r / h t t p : / / w w w . s i t e p o i n t . c o m/ a r t i c l e / mi c r o f o r ma t s - me a n i n g - ma r k u p / Mi c r o f o r ma t s : E mp o w e r i n g Mi c r o f o r ma t s : E mp o w e r i n g Y o u r Ma r k u p f o r We b 2 . 0 b y J o h n A l l s o p p h t t p : / / w w w . a ma z o n . c o m/ g p / p r o d u c t / 1 5 9 0 5 9 8 1 4 8
cd
lamodatech
rainerhahnekamp
seike460
kentatada
daisukeshinoku
blueswen
kimura_m_29
chencmd
tera_ny
philipschwarz
shibuyamizuho
ssssota
lara
addyosmani
eileencodes
orderedlist
smashingmag
keithpitt
zakiyama
jakevdp
shlominoach
sergeychernyshev
honnibal
