SlideShare una empresa de Scribd logo
1 de 11
Descargar para leer sin conexión
Microformatos
                      (em 10 minutos)


    José Maria Silveira Neto e Edilson Ribeiro da Silva Júnior
               Universidade Federal do Ceará, Brasil
                          Março de 2008
                               
Microformatos?
    ●
        microformats.org
    ●
        Um conjunto de formatos abertos projetados para 
        adicionar semântica em qualquer documento XML, 
        especialmente HTML/XHTML.
    ●
        Meta dados usando classes e atributos XHTML:
        ●
            class
        ●
            rel
        ●
            rev
    ●
        μF uF
                                
Geo Microformat

●
        ”The birds roosted at 52.48,-1.89”

●
        The birds roosted at
        <span class="geo">
        <span class="latitude">52.48</span>,
        <span class="longitude">-1.89</span>
        </span>


                          
hCard

    <div><div>Silveira Neto</div>
     <div>Universidade Federal do Ceará</div>
     <div>+55 85 33669847</div>
     <a href="http://www.ufc.br/">
     http://www.ufc.br/</a>
    </div>




                         
hCard (cont.)
    <div class="vcard">
          <div class="fn">Silveira Neto</div>
          <div class="org">Universidade Federal do Ceará</div>
          <div class="tel">+55 85 33669847</div>
          <a class="url" href="http://www.ufc.br">
         http://www.ufc.br/</a>
        </div>
    ●
         fn formated name
    ●
         org organisation
    ●
         tel telephone number
    ●
         url web address
    ●
         microformats.org/wiki/hcard
                                        
XHTML Friends Network
    ●
        Primeiro microformato
    ●
        gmpg.org/xfn/
    ●
        <a href="http://silveiraneto.net" rel="me">Meu
        site</a>
    ●
        <a href="http://heraldocarneiro.com/" rel="friend
        met">Heraldo</a>
    ●
        <a href="http://blogs.sun.com/chikasawa/" rel="co-
        worker friend met">Ricardo</a>




                                 
Rel-license
    ●
        microformats.org/wiki/rel­license
    ●
        Licenças de uso para documentos
        ●
            Creative Commons
    ●
        <a rel="license" 
        href="http://creativecommons.org/licenses/by­
        sa/2.5/br/">Alguns direitos reservados </a>




                                 
Outros Microformatos

    ●
        hAtom Atom feeds
    ●
        hCalendar para eventos
    ●
        hCard para informações de contato, inclusive:
        ●
            adr para endereços postais
        ●
            geo para coordenadas geográficas
    ●
        hReview para opiniões
    ●
        hResume para currículos
    ●
        rel­nofollow recurso anti spam.
                                     
Outros Microformatos (cont.)

    ●
        rel­tag tagging descentralizado (folksonomy)
    ●
        xFolk for tagged links
    ●
        XFN (XHTML Friends Network) redes sociais
    ●
        XOXO para listas e outlines




                                  
Referências
    ●
        Microformatos. In: Wikipedia. Disponível em: 
        http://pt.wikipedia.org/wiki/Microformatos. Acesso em: 25/Março/2008.
    ●
        Microformats. In: Wikipedia. Disponível em: 
        http://en.wikipedia.org/wiki/Microformats. Acesso em: 25/Março/2008.
    ●
        Microformats, Disponível em: http://microformats.org. Acesso em 
        25/Março/2008.
    ●
        XHTML Friends, Disponível em: http://www.xhtmlfriends.net/. Acesso em 
        25/Março/2008.




                                          
Obrigado!
    Esta apresentação e seus fontes estão disponíveis 
      para download em http://silveiraneto.net
                            

Más contenido relacionado

Similar a Microformatos em 10 minutos

LabMM3 - Aula teórica 04
LabMM3 - Aula teórica 04LabMM3 - Aula teórica 04
LabMM3 - Aula teórica 04Carlos Santos
 
Introdução ao Web Design: Aula 5 - HTML (part. 1)
Introdução ao Web Design: Aula 5 - HTML (part. 1)Introdução ao Web Design: Aula 5 - HTML (part. 1)
Introdução ao Web Design: Aula 5 - HTML (part. 1)Gustavo Zimmermann
 
Ferramentas de publicação na web
Ferramentas de publicação na webFerramentas de publicação na web
Ferramentas de publicação na webFelipe Fonseca
 
Apresentação do V Workshop Demoiselle
Apresentação do V Workshop DemoiselleApresentação do V Workshop Demoiselle
Apresentação do V Workshop DemoiselleEmerson Saito
 
Html5 - Notas de aula
Html5 - Notas de aulaHtml5 - Notas de aula
Html5 - Notas de aulaclodiney cruz
 
Apresentação Demoiselle no V FTSL - 2013
Apresentação Demoiselle no V FTSL - 2013Apresentação Demoiselle no V FTSL - 2013
Apresentação Demoiselle no V FTSL - 2013Emerson Saito
 
Benef&iacute;cios dos WebStandards
Benef&iacute;cios dos WebStandardsBenef&iacute;cios dos WebStandards
Benef&iacute;cios dos WebStandardsNáiron Jcg
 
Trabalho de HTML, CSS e JavaScript - Eduardo Bertolucci - UNOPAR 2010
Trabalho de HTML, CSS e JavaScript - Eduardo Bertolucci - UNOPAR 2010Trabalho de HTML, CSS e JavaScript - Eduardo Bertolucci - UNOPAR 2010
Trabalho de HTML, CSS e JavaScript - Eduardo Bertolucci - UNOPAR 2010Eduardo Bertolucci
 
O que todos os developers devem saber sobre seo
O que todos os developers devem saber sobre seoO que todos os developers devem saber sobre seo
O que todos os developers devem saber sobre seointrofini
 
(A04 e A05) LabMM3 - JavaScript
(A04 e A05) LabMM3 - JavaScript(A04 e A05) LabMM3 - JavaScript
(A04 e A05) LabMM3 - JavaScriptCarlos Santos
 
Html E Websemantica Trabalho
Html E Websemantica TrabalhoHtml E Websemantica Trabalho
Html E Websemantica TrabalhoAdagenor Ribeiro
 
DESENVOLVIMENTO DE APLICAÇÕES WEB
DESENVOLVIMENTO DE APLICAÇÕES WEBDESENVOLVIMENTO DE APLICAÇÕES WEB
DESENVOLVIMENTO DE APLICAÇÕES WEBPatrick Monteiro
 
Drupal e o seu ecossistema
Drupal e o seu ecossistemaDrupal e o seu ecossistema
Drupal e o seu ecossistemaDrupal Portugal
 

Similar a Microformatos em 10 minutos (20)

LabMM3 - Aula teórica 04
LabMM3 - Aula teórica 04LabMM3 - Aula teórica 04
LabMM3 - Aula teórica 04
 
Introdução ao Web Design: Aula 5 - HTML (part. 1)
Introdução ao Web Design: Aula 5 - HTML (part. 1)Introdução ao Web Design: Aula 5 - HTML (part. 1)
Introdução ao Web Design: Aula 5 - HTML (part. 1)
 
Palestra Introdução a Linked Data
Palestra Introdução a Linked DataPalestra Introdução a Linked Data
Palestra Introdução a Linked Data
 
Apostila curso xhtml css
Apostila curso xhtml cssApostila curso xhtml css
Apostila curso xhtml css
 
HTML
HTMLHTML
HTML
 
Ferramentas de publicação na web
Ferramentas de publicação na webFerramentas de publicação na web
Ferramentas de publicação na web
 
Apresentação do V Workshop Demoiselle
Apresentação do V Workshop DemoiselleApresentação do V Workshop Demoiselle
Apresentação do V Workshop Demoiselle
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
Html5 - Notas de aula
Html5 - Notas de aulaHtml5 - Notas de aula
Html5 - Notas de aula
 
Apresentação Demoiselle no V FTSL - 2013
Apresentação Demoiselle no V FTSL - 2013Apresentação Demoiselle no V FTSL - 2013
Apresentação Demoiselle no V FTSL - 2013
 
Benef&iacute;cios dos WebStandards
Benef&iacute;cios dos WebStandardsBenef&iacute;cios dos WebStandards
Benef&iacute;cios dos WebStandards
 
Trabalho de HTML, CSS e JavaScript - Eduardo Bertolucci - UNOPAR 2010
Trabalho de HTML, CSS e JavaScript - Eduardo Bertolucci - UNOPAR 2010Trabalho de HTML, CSS e JavaScript - Eduardo Bertolucci - UNOPAR 2010
Trabalho de HTML, CSS e JavaScript - Eduardo Bertolucci - UNOPAR 2010
 
O que todos os developers devem saber sobre seo
O que todos os developers devem saber sobre seoO que todos os developers devem saber sobre seo
O que todos os developers devem saber sobre seo
 
(A04 e A05) LabMM3 - JavaScript
(A04 e A05) LabMM3 - JavaScript(A04 e A05) LabMM3 - JavaScript
(A04 e A05) LabMM3 - JavaScript
 
Html E Websemantica Trabalho
Html E Websemantica TrabalhoHtml E Websemantica Trabalho
Html E Websemantica Trabalho
 
Aula html5
Aula html5Aula html5
Aula html5
 
Apostila XHTML
Apostila XHTMLApostila XHTML
Apostila XHTML
 
DESENVOLVIMENTO DE APLICAÇÕES WEB
DESENVOLVIMENTO DE APLICAÇÕES WEBDESENVOLVIMENTO DE APLICAÇÕES WEB
DESENVOLVIMENTO DE APLICAÇÕES WEB
 
HTML5
HTML5HTML5
HTML5
 
Drupal e o seu ecossistema
Drupal e o seu ecossistemaDrupal e o seu ecossistema
Drupal e o seu ecossistema
 

Más de José Maria Silveira Neto

Más de José Maria Silveira Neto (20)

Android - visão geral
Android - visão geralAndroid - visão geral
Android - visão geral
 
Pixelart
PixelartPixelart
Pixelart
 
Tomorrow Java
Tomorrow JavaTomorrow Java
Tomorrow Java
 
JavaFX Primeiros Passos
JavaFX Primeiros PassosJavaFX Primeiros Passos
JavaFX Primeiros Passos
 
Desenvolvimento de Aplicações
Desenvolvimento de AplicaçõesDesenvolvimento de Aplicações
Desenvolvimento de Aplicações
 
Apresentando o CEJUG e o poder do Java
Apresentando o CEJUG e o poder do JavaApresentando o CEJUG e o poder do Java
Apresentando o CEJUG e o poder do Java
 
Let's talk about Certifications
Let's talk about CertificationsLet's talk about Certifications
Let's talk about Certifications
 
JavaFX Overview
JavaFX OverviewJavaFX Overview
JavaFX Overview
 
NetBeans: a IDE que você precisa
NetBeans: a IDE que você precisaNetBeans: a IDE que você precisa
NetBeans: a IDE que você precisa
 
OpenSolaris a Céu Aberto
OpenSolaris a Céu AbertoOpenSolaris a Céu Aberto
OpenSolaris a Céu Aberto
 
JavaFX introduction
JavaFX introductionJavaFX introduction
JavaFX introduction
 
Database Technologies for Semantic Web
Database Technologies for Semantic WebDatabase Technologies for Semantic Web
Database Technologies for Semantic Web
 
High-Performance Computing and OpenSolaris
High-Performance Computing and OpenSolarisHigh-Performance Computing and OpenSolaris
High-Performance Computing and OpenSolaris
 
SVG como exemplo de XML
SVG como exemplo de XMLSVG como exemplo de XML
SVG como exemplo de XML
 
Questões de Certificação SCJP
Questões de Certificação SCJPQuestões de Certificação SCJP
Questões de Certificação SCJP
 
Participation Era, Sun and You
Participation Era, Sun and YouParticipation Era, Sun and You
Participation Era, Sun and You
 
Let's talk about certification: SCJA
Let's talk about certification: SCJALet's talk about certification: SCJA
Let's talk about certification: SCJA
 
Uma Olhada no Netbeans 6
Uma Olhada no Netbeans 6Uma Olhada no Netbeans 6
Uma Olhada no Netbeans 6
 
Real World Technologies
Real World TechnologiesReal World Technologies
Real World Technologies
 
Novidades no Netbeans 6
Novidades no Netbeans 6Novidades no Netbeans 6
Novidades no Netbeans 6
 

Microformatos em 10 minutos

  • 1. Microformatos (em 10 minutos) José Maria Silveira Neto e Edilson Ribeiro da Silva Júnior Universidade Federal do Ceará, Brasil Março de 2008    
  • 2. Microformatos? ● microformats.org ● Um conjunto de formatos abertos projetados para  adicionar semântica em qualquer documento XML,  especialmente HTML/XHTML. ● Meta dados usando classes e atributos XHTML: ● class ● rel ● rev ● μF uF    
  • 3. Geo Microformat ● ”The birds roosted at 52.48,-1.89” ● The birds roosted at <span class="geo"> <span class="latitude">52.48</span>, <span class="longitude">-1.89</span> </span>    
  • 4. hCard <div><div>Silveira Neto</div> <div>Universidade Federal do Ceará</div> <div>+55 85 33669847</div> <a href="http://www.ufc.br/"> http://www.ufc.br/</a> </div>    
  • 5. hCard (cont.) <div class="vcard"> <div class="fn">Silveira Neto</div> <div class="org">Universidade Federal do Ceará</div> <div class="tel">+55 85 33669847</div> <a class="url" href="http://www.ufc.br"> http://www.ufc.br/</a> </div> ● fn formated name ● org organisation ● tel telephone number ● url web address ● microformats.org/wiki/hcard    
  • 6. XHTML Friends Network ● Primeiro microformato ● gmpg.org/xfn/ ● <a href="http://silveiraneto.net" rel="me">Meu site</a> ● <a href="http://heraldocarneiro.com/" rel="friend met">Heraldo</a> ● <a href="http://blogs.sun.com/chikasawa/" rel="co- worker friend met">Ricardo</a>    
  • 7. Rel-license ● microformats.org/wiki/rel­license ● Licenças de uso para documentos ● Creative Commons ● <a rel="license"  href="http://creativecommons.org/licenses/by­ sa/2.5/br/">Alguns direitos reservados </a>    
  • 8. Outros Microformatos ● hAtom Atom feeds ● hCalendar para eventos ● hCard para informações de contato, inclusive: ● adr para endereços postais ● geo para coordenadas geográficas ● hReview para opiniões ● hResume para currículos ● rel­nofollow recurso anti spam.    
  • 9. Outros Microformatos (cont.) ● rel­tag tagging descentralizado (folksonomy) ● xFolk for tagged links ● XFN (XHTML Friends Network) redes sociais ● XOXO para listas e outlines    
  • 10. Referências ● Microformatos. In: Wikipedia. Disponível em:  http://pt.wikipedia.org/wiki/Microformatos. Acesso em: 25/Março/2008. ● Microformats. In: Wikipedia. Disponível em:  http://en.wikipedia.org/wiki/Microformats. Acesso em: 25/Março/2008. ● Microformats, Disponível em: http://microformats.org. Acesso em  25/Março/2008. ● XHTML Friends, Disponível em: http://www.xhtmlfriends.net/. Acesso em  25/Março/2008.    
  • 11. Obrigado! Esta apresentação e seus fontes estão disponíveis    para download em http://silveiraneto.net