SlideShare una empresa de Scribd logo
1 de 82
Descargar para leer sin conexión
Microformats
  a web semântica
 com letra minúscula

    Elcio Ferreira
 elcio@visie.com.br
     visie.com.br
tableless.com.br
  elcio.com.br
  visie.com.br
Microformats, a web semântica com letra minúscula
Padrões são legais
São libertadores
São acopláveis
Adoção exponencial
usuários




tempo
usuários




tempo
usuários




             Barulhentos
           tempo
As Webs Semânticas
A Web Semântica
(com letra maiúscula)
interessante
complexa
Microformats, a web semântica com letra minúscula
possível?
A web semântica
(com letra minúscula)
interessante
simples
possível hoje
O plano
Iniciando
Use o seu
XHTML atual
<h2>Sobre mim</h2>
<ul>
  <li><img style=quot;float:left; margin-right:4pxquot;
   src=quot;http://elcio.com.br/imagens/elcio.jpgquot;
   alt=quot;photoquot;/>
  <a href=quot;http://elcio.com.brquot;>Elcio Luiz
   Ferreira</a></li>
  <li>Visie Padrões Web (<a
   href=quot;http://visie.com.brquot;>visie.com.br</a>)</li>
  <li><a href=quot;mailto:elcio arroba visie.com.brquot;>
   elcio arroba visie.com.br</a></li>
  <li>
   <div>Rua Onofre da Silveira, 574</div>
   São Paulo, SP, 04304-010 Brasil
   <span>lat: -23.626550, long: -46.639785</span>
  </li>
  <li>11-3477-3347</li>
</ul>
Acrescente significado
<h2>Sobre mim</h2>
<ul>
  <li><img style=quot;float:left; margin-right:4pxquot;
   src=quot;http://elcio.com.br/imagens/elcio.jpgquot;
   alt=quot;photoquot;/>
  <a href=quot;http://elcio.com.brquot;>Elcio Luiz
   Ferreira</a></li>
  <li>Visie Padrões Web (<a
   href=quot;http://visie.com.brquot;>visie.com.br</a>)</li>
  <li><a href=quot;mailto:elcio arroba visie.com.brquot;>
   elcio arroba visie.com.br</a></li>
  <li>
   <div>Rua Onofre da Silveira, 574</div>
   São Paulo, SP, 04304-010 Brasil
   <span>lat: -23.626550, long: -46.639785</span>
  </li>
  <li>11-3477-3347</li>
</ul>
<ul>
  <li><img style=quot;float:left; margin-right:4pxquot;
   src=quot;http://elcio.com.br/imagens/elcio.jpgquot;
   alt=quot;photoquot;/>
  <a href=quot;http://elcio.com.brquot;>
   <span>Elcio</span>
   <span>Luiz </span>
   <span>Ferreira</span>
  </a></li>
  <li>Visie Padrões Web (<a
   href=quot;http://visie.com.brquot;>visie.com.br</a>)</li>
  <li><a href=quot;mailto:elcio arroba visie.com.brquot;>
   elcio arroba visie.com.br</a></li>
  <li>
   <div>Rua Onofre da Silveira, 574</div>
   <span>São Paulo</span>,
   <span>SP</span>,
   <span>04304-010</span>
   <span>Brasil</span>
   <span>
     lat: <span>-23.626550,</span>
     long: <span>-46.639785</span>
   </span>
  </li>
  <li>11-3477-3347</li>
</ul>
<ul>
  <li><img style=quot;float:left; margin-right:4pxquot;
   src=quot;http://elcio.com.br/imagens/elcio.jpgquot;
   alt=quot;photoquot;/>
  <a href=quot;http://elcio.com.brquot;>
   <span>Elcio</span>
   <span>Luiz </span>
   <span>Ferreira</span>
  </a></li>
  <li>Visie Padrões Web (<a
   href=quot;http://visie.com.brquot;>visie.com.br</a>)</li>
  <li><a href=quot;mailto:elcio arroba visie.com.brquot;>
   elcio arroba visie.com.br</a></li>
  <li>
   <div>Rua Onofre da Silveira, 574</div>
   <span>São Paulo</span>,
   <span>SP</span>,
   <span>04304-010</span>
   <span>Brasil</span>
   <span>
     lat: <span>-23.626550,</span>
     long: <span>-46.639785</span>
   </span>
  </li>
  <li>11-3477-3347</li>
</ul>
<ul class=”vcard”>
  <li><img style=quot;float:left; margin-right:4pxquot;
   src=quot;http://elcio.com.br/imagens/elcio.jpgquot;
   alt=quot;photoquot;/>
  <a href=quot;http://elcio.com.brquot;>
   <span>Elcio</span>
   <span>Luiz </span>
   <span>Ferreira</span>
  </a></li>
  <li>Visie Padrões Web (<a
   href=quot;http://visie.com.brquot;>visie.com.br</a>)</li>
  <li><a href=quot;mailto:elcio arroba visie.com.brquot;>
   elcio arroba visie.com.br</a></li>
  <li>
   <div>Rua Onofre da Silveira, 574</div>
   <span>São Paulo</span>,
   <span>SP</span>,
   <span>04304-010</span>
   <span>Brasil</span>
   <span>
      lat: <span>-23.626550,</span>
      long: <span>-46.639785</span>
   </span>
  </li>
  <li>11-3477-3347</li>
</ul>
<ul class=”vcard”>
  <li><img style=quot;float:left; margin-right:4pxquot;
   src=quot;http://elcio.com.br/imagens/elcio.jpgquot;
   alt=quot;photoquot; class=”photo”/>
  <a href=quot;http://elcio.com.brquot; class=”url fn n”>
   <span class=”given-name”>Elcio</span>
   <span class=”additional-name”>Luiz </span>
   <span class=”family-name”>Ferreira</span>
  </a></li>
  <li>Visie Padrões Web (<a
   href=quot;http://visie.com.brquot;>visie.com.br</a>)</li>
  <li><a href=quot;mailto:elcio arroba visie.com.brquot;>
   elcio arroba visie.com.br</a></li>
  <li>
   <div>Rua Onofre da Silveira, 574</div>
   <span>São Paulo</span>,
   <span>SP</span>,
   <span>04304-010</span>
   <span>Brasil</span>
   <span>
      lat: <span>-23.626550,</span>
      long: <span>-46.639785</span>
   </span>
  </li>
  <li>11-3477-3347</li>
</ul>
<ul class=”vcard”>
  <li><img style=quot;float:left; margin-right:4pxquot;
   src=quot;http://elcio.com.br/imagens/elcio.jpgquot;
   alt=quot;photoquot; class=”photo”/>
  <a href=quot;http://elcio.com.brquot; class=”url fn n”>
   <span class=”given-name”>Elcio</span>
   <span class=”additional-name”>Luiz </span>
   <span class=”family-name”>Ferreira</span>
  </a></li>
  <li class=”org”>Visie Padrões Web (<a
   href=quot;http://visie.com.brquot;>visie.com.br</a>)</li>
  <li><a class=”email” href=quot;mailto:elcio arroba visie.com.brquot;>
   elcio arroba visie.com.br</a></li>
  <li class=”adr”>
   <div>Rua Onofre da Silveira, 574</div>
   <span>São Paulo</span>,
   <span>SP</span>,
   <span>04304-010</span>
   <span>Brasil</span>
   <span>
      lat: <span>-23.626550,</span>
      long: <span>-46.639785</span>
   </span>
  </li>
  <li>11-3477-3347</li>
</ul>
<ul class=”vcard”>
  <li><img style=quot;float:left; margin-right:4pxquot;
   src=quot;http://elcio.com.br/imagens/elcio.jpgquot;
   alt=quot;photoquot; class=”photo”/>
  <a href=quot;http://elcio.com.brquot; class=”url fn n”>
   <span class=”given-name”>Elcio</span>
   <span class=”additional-name”>Luiz </span>
   <span class=”family-name”>Ferreira</span>
  </a></li>
  <li class=”org”>Visie Padrões Web (<a
   href=quot;http://visie.com.brquot;>visie.com.br</a>)</li>
  <li><a class=”email” href=quot;mailto:elcio arroba visie.com.brquot;>
   elcio arroba visie.com.br</a></li>
  <li class=”adr”>
   <div class=”street-address”>Rua Onofre da Silveira, 574</div>
   <span class=”locality”>São Paulo</span>,
   <span class=”region”>SP</span>,
   <span class=”postal-code”>04304-010</span>
   <span class=”country-name”>Brasil</span>
   <span>
      lat: <span>-23.626550,</span>
      long: <span>-46.639785</span>
   </span>
  </li>
  <li>11-3477-3347</li>
</ul>
<ul class=”vcard”>
  <li><img style=quot;float:left; margin-right:4pxquot;
   src=quot;http://elcio.com.br/imagens/elcio.jpgquot;
   alt=quot;photoquot; class=”photo”/>
  <a href=quot;http://elcio.com.brquot; class=”url fn n”>
   <span class=”given-name”>Elcio</span>
   <span class=”additional-name”>Luiz </span>
   <span class=”family-name”>Ferreira</span>
  </a></li>
  <li class=”org”>Visie Padrões Web (<a
   href=quot;http://visie.com.brquot;>visie.com.br</a>)</li>
  <li><a class=”email” href=quot;mailto:elcio arroba visie.com.brquot;>
   elcio arroba visie.com.br</a></li>
  <li class=”adr”>
   <div class=”street-address”>Rua Onofre da Silveira, 574</div>
   <span class=”locality”>São Paulo</span>,
   <span class=”region”>SP</span>,
   <span class=”postal-code”>04304-010</span>
   <span class=”country-name”>Brasil</span>
   <span>
      lat: <span>-23.626550,</span>
      long: <span>-46.639785</span>
   </span>
  </li>
  <li class=”tel”>11-3477-3347</li>
</ul>
<ul class=”vcard”>
  <li><img style=quot;float:left; margin-right:4pxquot;
   src=quot;http://elcio.com.br/imagens/elcio.jpgquot;
   alt=quot;photoquot; class=”photo”/>
  <a href=quot;http://elcio.com.brquot; class=”url fn n”>
   <span class=”given-name”>Elcio</span>
   <span class=”additional-name”>Luiz </span>
   <span class=”family-name”>Ferreira</span>
  </a></li>
  <li class=”org”>Visie Padrões Web (<a
   href=quot;http://visie.com.brquot;>visie.com.br</a>)</li>
  <li><a class=”email” href=quot;mailto:elcio arroba visie.com.brquot;>

            Ahá! Temos hCard!
   elcio arroba visie.com.br</a></li>
  <li class=”adr”>
   <div class=”street-address”>Rua Onofre da Silveira, 574</div>
   <span class=”locality”>São Paulo</span>,
   <span class=”region”>SP</span>,
   <span class=”postal-code”>04304-010</span>
   <span class=”country-name”>Brasil</span>
   <span>
      lat: <span>-23.626550,</span>
      long: <span>-46.639785</span>
   </span>
  </li>
  <li class=”tel”>11-3477-3347</li>
</ul>
<ul class=”vcard”>
  <li><img style=quot;float:left; margin-right:4pxquot;
   src=quot;http://elcio.com.br/imagens/elcio.jpgquot;
   alt=quot;photoquot; class=”photo”/>
  <a href=quot;http://elcio.com.brquot; class=”url fn n”>
   <span class=”given-name”>Elcio</span>
   <span class=”additional-name”>Luiz </span>
   <span class=”family-name”>Ferreira</span>
  </a></li>
  <li class=”org”>Visie Padrões Web (<a
   href=quot;http://visie.com.brquot;>visie.com.br</a>)</li>
  <li><a class=”email” href=quot;mailto:elcio arroba visie.com.brquot;>
   elcio arroba visie.com.br</a></li>
  <li class=”adr”>
   <div class=”street-address”>Rua Onofre da Silveira, 574</div>
   <span class=”locality”>São Paulo</span>,
   <span class=”region”>SP</span>,
   <span class=”postal-code”>04304-010</span>
   <span class=”country-name”>Brasil</span>
   <span class=”geo”>
      lat: <span class=”latitude”>-23.626550,</span>
      long: <span class=”longitude”>-46.639785</span>
   </span>
  </li>
  <li class=”tel”>11-3477-3347</li>
</ul>
<ul class=”vcard”>
  <li><img style=quot;float:left; margin-right:4pxquot;
   src=quot;http://elcio.com.br/imagens/elcio.jpgquot;
   alt=quot;photoquot; class=”photo”/>
  <a href=quot;http://elcio.com.brquot; class=”url fn n”>
   <span class=”given-name”>Elcio</span>
   <span class=”additional-name”>Luiz </span>
   <span class=”family-name”>Ferreira</span>
  </a></li>
  <li class=”org”>Visie Padrões Web (<a
   href=quot;http://visie.com.brquot;>visie.com.br</a>)</li>
  <li><a class=”email” href=quot;mailto:elcio arroba visie.com.brquot;>

                      E agora Geo!
   elcio arroba visie.com.br</a></li>
  <li class=”adr”>
   <div class=”street-address”>Rua Onofre da Silveira, 574</div>
   <span class=”locality”>São Paulo</span>,
   <span class=”region”>SP</span>,
   <span class=”postal-code”>04304-010</span>
   <span class=”country-name”>Brasil</span>
   <span class=”geo”>
      lat: <span class=”latitude”>-23.626550,</span>
      long: <span class=”longitude”>-46.639785</span>
   </span>
  </li>
  <li class=”tel”>11-3477-3347</li>
</ul>
<ul class=”vcard”>
  <li><img style=quot;float:left; margin-right:4pxquot;
   src=quot;http://elcio.com.br/imagens/elcio.jpgquot;
   alt=quot;photoquot; class=”photo”/>
  <a href=quot;http://elcio.com.brquot; class=”url fn n”>
   <span class=”given-name”>Elcio</span>
   <span class=”additional-name”>Luiz </span>
   <span class=”family-name”>Ferreira</span>
  </a></li>
  <li class=”org”>Visie Padrões Web (<a
   href=quot;http://visie.com.brquot;>visie.com.br</a>)</li>
  <li><a class=”email” href=quot;mailto:elcio arroba visie.com.brquot;>
   elcio arroba visie.com.br</a></li>
  <li class=”adr”>
   <div class=”street-address”>Rua Onofre da Silveira, 574</div>
   <span class=”locality”>São Paulo</span>,
   <span class=”region”>SP</span>,
   <span class=”postal-code”>04304-010</span>
   <span class=”country-name”>Brasil</span>
   <span class=”geo”>
      lat: <span class=”latitude”>-23.626550,</span>
      long: <span class=”longitude”>-46.639785</span>
   </span>
  </li>
  <li class=”tel”>11-3477-3347</li>
</ul>
Pronto, você está
    dentro!
Pra que
 serve?
Lembra
do RSS?
Exponencial
“Pra que serve RSS?”
“Pra que serve RSS?”
“Pra que serve RSS?”
“Pra que serve RSS?”
“Pra que serve RSS?”
“Pra que serve RSS?”
“Pra que serve RSS?”
“Pra que serve RSS?”
Formatos Interessantes:
  hCard         XFN
●             ●


● hCalendar   ● rel:no-follow


● Geo         ● XOXO
Exemplos
 com a
Operator
Microformats, a web semântica com letra minúscula
Microformats, a web semântica com letra minúscula
Microformats, a web semântica com letra minúscula
Microformats, a web semântica com letra minúscula
Microformats, a web semântica com letra minúscula
Microformats, a web semântica com letra minúscula
Tall eye
Microformats, a web semântica com letra minúscula
Microformats, a web semântica com letra minúscula
Desenvolva sua
  aplicação
“We need microformats
   and to get people to
agree on them. It is going
 to bootstrap exchanging
   data on the Web…”
                Bill Gates
Mash it up!
RSS
Firefox
Firefox
Bloglines
Google Reader
iPodder
Amarok
Netvibes
Page Flakes
Odeo
Yahoo! Pipes
Democracy
Aaah, sim, claro,
   Firefox 3
Microformats, a web semântica com letra minúscula
Escreva
Leia
Crie
? ? dúvidas ? ?
Obrigado!
    Elcio Ferreira
 elcio@visie.com.br
     visie.com.br

Más contenido relacionado

Destacado

Destacado (20)

Advent - Otvorenost
Advent - OtvorenostAdvent - Otvorenost
Advent - Otvorenost
 
集合知によるサービスの創成
集合知によるサービスの創成集合知によるサービスの創成
集合知によるサービスの創成
 
test2
test2test2
test2
 
Pie Eating Contest
Pie Eating ContestPie Eating Contest
Pie Eating Contest
 
NoSQL Intro with cassandra
NoSQL Intro with cassandraNoSQL Intro with cassandra
NoSQL Intro with cassandra
 
Sv.Jur 18.10.2009
Sv.Jur 18.10.2009Sv.Jur 18.10.2009
Sv.Jur 18.10.2009
 
Achievo ATK, an Open Source project
Achievo ATK, an Open Source projectAchievo ATK, an Open Source project
Achievo ATK, an Open Source project
 
Icon in iphone itouch
Icon in iphone itouchIcon in iphone itouch
Icon in iphone itouch
 
The Woman
The WomanThe Woman
The Woman
 
Kazen evanjelizacia&ucenictvo-16.02.2014
Kazen evanjelizacia&ucenictvo-16.02.2014Kazen evanjelizacia&ucenictvo-16.02.2014
Kazen evanjelizacia&ucenictvo-16.02.2014
 
IoF South West Conference
IoF South West ConferenceIoF South West Conference
IoF South West Conference
 
Ict4volunteering Mm
Ict4volunteering MmIct4volunteering Mm
Ict4volunteering Mm
 
Enterprise 2.0
Enterprise 2.0 Enterprise 2.0
Enterprise 2.0
 
Gas In Beeld Harkstede
Gas In Beeld  HarkstedeGas In Beeld  Harkstede
Gas In Beeld Harkstede
 
Teacher Bio
Teacher BioTeacher Bio
Teacher Bio
 
The Expression of Emotions in Men and Avatars
The Expression of Emotions in Men and AvatarsThe Expression of Emotions in Men and Avatars
The Expression of Emotions in Men and Avatars
 
互联网商品设计
互联网商品设计互联网商品设计
互联网商品设计
 
Jednota a rozmanitosť (ef 4)
Jednota a rozmanitosť (ef 4)Jednota a rozmanitosť (ef 4)
Jednota a rozmanitosť (ef 4)
 
Historia4 2010
Historia4 2010Historia4 2010
Historia4 2010
 
Tesaloničania od obrátenia k posväteniu
Tesaloničania   od obrátenia k posväteniuTesaloničania   od obrátenia k posväteniu
Tesaloničania od obrátenia k posväteniu
 

Más de Elcio Ferreira

Más de Elcio Ferreira (8)

Yes we can!
Yes we can!Yes we can!
Yes we can!
 
O efeito das redes sociais sobre você
O efeito das redes sociais sobre vocêO efeito das redes sociais sobre você
O efeito das redes sociais sobre você
 
HTML5 - Um Ano Depois
HTML5 - Um Ano DepoisHTML5 - Um Ano Depois
HTML5 - Um Ano Depois
 
Html5
Html5Html5
Html5
 
E-commerce seguro com PagSeguro
E-commerce seguro com PagSeguroE-commerce seguro com PagSeguro
E-commerce seguro com PagSeguro
 
Produtos e serviços da Web 2.0
Produtos e serviços da Web 2.0Produtos e serviços da Web 2.0
Produtos e serviços da Web 2.0
 
Código
CódigoCódigo
Código
 
Produtividade
ProdutividadeProdutividade
Produtividade
 

Microformats, a web semântica com letra minúscula

  • 1. Microformats a web semântica com letra minúscula Elcio Ferreira elcio@visie.com.br visie.com.br
  • 10. usuários Barulhentos tempo
  • 12. A Web Semântica (com letra maiúscula)
  • 17. A web semântica (com letra minúscula)
  • 24. <h2>Sobre mim</h2> <ul> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot;/> <a href=quot;http://elcio.com.brquot;>Elcio Luiz Ferreira</a></li> <li>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a href=quot;mailto:elcio arroba visie.com.brquot;> elcio arroba visie.com.br</a></li> <li> <div>Rua Onofre da Silveira, 574</div> São Paulo, SP, 04304-010 Brasil <span>lat: -23.626550, long: -46.639785</span> </li> <li>11-3477-3347</li> </ul>
  • 26. <h2>Sobre mim</h2> <ul> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot;/> <a href=quot;http://elcio.com.brquot;>Elcio Luiz Ferreira</a></li> <li>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a href=quot;mailto:elcio arroba visie.com.brquot;> elcio arroba visie.com.br</a></li> <li> <div>Rua Onofre da Silveira, 574</div> São Paulo, SP, 04304-010 Brasil <span>lat: -23.626550, long: -46.639785</span> </li> <li>11-3477-3347</li> </ul>
  • 27. <ul> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot;/> <a href=quot;http://elcio.com.brquot;> <span>Elcio</span> <span>Luiz </span> <span>Ferreira</span> </a></li> <li>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a href=quot;mailto:elcio arroba visie.com.brquot;> elcio arroba visie.com.br</a></li> <li> <div>Rua Onofre da Silveira, 574</div> <span>São Paulo</span>, <span>SP</span>, <span>04304-010</span> <span>Brasil</span> <span> lat: <span>-23.626550,</span> long: <span>-46.639785</span> </span> </li> <li>11-3477-3347</li> </ul>
  • 28. <ul> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot;/> <a href=quot;http://elcio.com.brquot;> <span>Elcio</span> <span>Luiz </span> <span>Ferreira</span> </a></li> <li>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a href=quot;mailto:elcio arroba visie.com.brquot;> elcio arroba visie.com.br</a></li> <li> <div>Rua Onofre da Silveira, 574</div> <span>São Paulo</span>, <span>SP</span>, <span>04304-010</span> <span>Brasil</span> <span> lat: <span>-23.626550,</span> long: <span>-46.639785</span> </span> </li> <li>11-3477-3347</li> </ul>
  • 29. <ul class=”vcard”> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot;/> <a href=quot;http://elcio.com.brquot;> <span>Elcio</span> <span>Luiz </span> <span>Ferreira</span> </a></li> <li>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a href=quot;mailto:elcio arroba visie.com.brquot;> elcio arroba visie.com.br</a></li> <li> <div>Rua Onofre da Silveira, 574</div> <span>São Paulo</span>, <span>SP</span>, <span>04304-010</span> <span>Brasil</span> <span> lat: <span>-23.626550,</span> long: <span>-46.639785</span> </span> </li> <li>11-3477-3347</li> </ul>
  • 30. <ul class=”vcard”> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot; class=”photo”/> <a href=quot;http://elcio.com.brquot; class=”url fn n”> <span class=”given-name”>Elcio</span> <span class=”additional-name”>Luiz </span> <span class=”family-name”>Ferreira</span> </a></li> <li>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a href=quot;mailto:elcio arroba visie.com.brquot;> elcio arroba visie.com.br</a></li> <li> <div>Rua Onofre da Silveira, 574</div> <span>São Paulo</span>, <span>SP</span>, <span>04304-010</span> <span>Brasil</span> <span> lat: <span>-23.626550,</span> long: <span>-46.639785</span> </span> </li> <li>11-3477-3347</li> </ul>
  • 31. <ul class=”vcard”> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot; class=”photo”/> <a href=quot;http://elcio.com.brquot; class=”url fn n”> <span class=”given-name”>Elcio</span> <span class=”additional-name”>Luiz </span> <span class=”family-name”>Ferreira</span> </a></li> <li class=”org”>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a class=”email” href=quot;mailto:elcio arroba visie.com.brquot;> elcio arroba visie.com.br</a></li> <li class=”adr”> <div>Rua Onofre da Silveira, 574</div> <span>São Paulo</span>, <span>SP</span>, <span>04304-010</span> <span>Brasil</span> <span> lat: <span>-23.626550,</span> long: <span>-46.639785</span> </span> </li> <li>11-3477-3347</li> </ul>
  • 32. <ul class=”vcard”> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot; class=”photo”/> <a href=quot;http://elcio.com.brquot; class=”url fn n”> <span class=”given-name”>Elcio</span> <span class=”additional-name”>Luiz </span> <span class=”family-name”>Ferreira</span> </a></li> <li class=”org”>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a class=”email” href=quot;mailto:elcio arroba visie.com.brquot;> elcio arroba visie.com.br</a></li> <li class=”adr”> <div class=”street-address”>Rua Onofre da Silveira, 574</div> <span class=”locality”>São Paulo</span>, <span class=”region”>SP</span>, <span class=”postal-code”>04304-010</span> <span class=”country-name”>Brasil</span> <span> lat: <span>-23.626550,</span> long: <span>-46.639785</span> </span> </li> <li>11-3477-3347</li> </ul>
  • 33. <ul class=”vcard”> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot; class=”photo”/> <a href=quot;http://elcio.com.brquot; class=”url fn n”> <span class=”given-name”>Elcio</span> <span class=”additional-name”>Luiz </span> <span class=”family-name”>Ferreira</span> </a></li> <li class=”org”>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a class=”email” href=quot;mailto:elcio arroba visie.com.brquot;> elcio arroba visie.com.br</a></li> <li class=”adr”> <div class=”street-address”>Rua Onofre da Silveira, 574</div> <span class=”locality”>São Paulo</span>, <span class=”region”>SP</span>, <span class=”postal-code”>04304-010</span> <span class=”country-name”>Brasil</span> <span> lat: <span>-23.626550,</span> long: <span>-46.639785</span> </span> </li> <li class=”tel”>11-3477-3347</li> </ul>
  • 34. <ul class=”vcard”> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot; class=”photo”/> <a href=quot;http://elcio.com.brquot; class=”url fn n”> <span class=”given-name”>Elcio</span> <span class=”additional-name”>Luiz </span> <span class=”family-name”>Ferreira</span> </a></li> <li class=”org”>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a class=”email” href=quot;mailto:elcio arroba visie.com.brquot;> Ahá! Temos hCard! elcio arroba visie.com.br</a></li> <li class=”adr”> <div class=”street-address”>Rua Onofre da Silveira, 574</div> <span class=”locality”>São Paulo</span>, <span class=”region”>SP</span>, <span class=”postal-code”>04304-010</span> <span class=”country-name”>Brasil</span> <span> lat: <span>-23.626550,</span> long: <span>-46.639785</span> </span> </li> <li class=”tel”>11-3477-3347</li> </ul>
  • 35. <ul class=”vcard”> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot; class=”photo”/> <a href=quot;http://elcio.com.brquot; class=”url fn n”> <span class=”given-name”>Elcio</span> <span class=”additional-name”>Luiz </span> <span class=”family-name”>Ferreira</span> </a></li> <li class=”org”>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a class=”email” href=quot;mailto:elcio arroba visie.com.brquot;> elcio arroba visie.com.br</a></li> <li class=”adr”> <div class=”street-address”>Rua Onofre da Silveira, 574</div> <span class=”locality”>São Paulo</span>, <span class=”region”>SP</span>, <span class=”postal-code”>04304-010</span> <span class=”country-name”>Brasil</span> <span class=”geo”> lat: <span class=”latitude”>-23.626550,</span> long: <span class=”longitude”>-46.639785</span> </span> </li> <li class=”tel”>11-3477-3347</li> </ul>
  • 36. <ul class=”vcard”> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot; class=”photo”/> <a href=quot;http://elcio.com.brquot; class=”url fn n”> <span class=”given-name”>Elcio</span> <span class=”additional-name”>Luiz </span> <span class=”family-name”>Ferreira</span> </a></li> <li class=”org”>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a class=”email” href=quot;mailto:elcio arroba visie.com.brquot;> E agora Geo! elcio arroba visie.com.br</a></li> <li class=”adr”> <div class=”street-address”>Rua Onofre da Silveira, 574</div> <span class=”locality”>São Paulo</span>, <span class=”region”>SP</span>, <span class=”postal-code”>04304-010</span> <span class=”country-name”>Brasil</span> <span class=”geo”> lat: <span class=”latitude”>-23.626550,</span> long: <span class=”longitude”>-46.639785</span> </span> </li> <li class=”tel”>11-3477-3347</li> </ul>
  • 37. <ul class=”vcard”> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot; class=”photo”/> <a href=quot;http://elcio.com.brquot; class=”url fn n”> <span class=”given-name”>Elcio</span> <span class=”additional-name”>Luiz </span> <span class=”family-name”>Ferreira</span> </a></li> <li class=”org”>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a class=”email” href=quot;mailto:elcio arroba visie.com.brquot;> elcio arroba visie.com.br</a></li> <li class=”adr”> <div class=”street-address”>Rua Onofre da Silveira, 574</div> <span class=”locality”>São Paulo</span>, <span class=”region”>SP</span>, <span class=”postal-code”>04304-010</span> <span class=”country-name”>Brasil</span> <span class=”geo”> lat: <span class=”latitude”>-23.626550,</span> long: <span class=”longitude”>-46.639785</span> </span> </li> <li class=”tel”>11-3477-3347</li> </ul>
  • 50. Formatos Interessantes: hCard XFN ● ● ● hCalendar ● rel:no-follow ● Geo ● XOXO
  • 61. Desenvolva sua aplicação
  • 62. “We need microformats and to get people to agree on them. It is going to bootstrap exchanging data on the Web…” Bill Gates
  • 64. RSS
  • 73. Odeo
  • 76. Aaah, sim, claro, Firefox 3
  • 79. Leia
  • 80. Crie
  • 82. Obrigado! Elcio Ferreira elcio@visie.com.br visie.com.br