SlideShare uma empresa Scribd logo
1 de 3
Baixar para ler offline
MICROFORMATOS
Garcia, Diogo
MICROFORMATOS
O que são microformatos?
Microformatos são convenções simples (conhecidas como entidades) utilizadas em
páginas da Web para descrever um tipo específico de informação, por exemplo, uma
avaliação, um evento, um produto, uma empresa ou uma pessoa. Cada entidade tem
suas próprias propriedades. Por exemplo, uma pessoa tem as propriedades nome,
endereço, cargo, empresa e endereço de e-mail.
Em geral, os microformatos usam o atributo class em tags HTML (muitas vezes ou)
para atribuir nomes curtos e descritivos a entidades e suas propriedades. Veja um
exemplo de um bloco pequeno de HTML mostrando as informações básicas de contato
de Bob Smith.
Definição dos microformatos hCard e hCalendar
hCalendar : é um microformato para eventos.
hCard : é um microformato para contatos.
hCard é um simples, aberto formato distribuído para represetar pessoas, companias,
organizações e lugares usando uma representação 1:1 de propriedades e valores de
padrão vCard (RFC2426) em semântica XHTML. hCard é um dos muitos padrões
abertos de microformato apropriado para ser inserido em (X)HTML, Atom, RSS, e o
arbitrário XML.
Modelo de hCard:
hCalendar:
hCalendar é um formato simples, aberto para eventos de publicação na web, usando
uma representação 1:1 de iCalendar (RFC2445) VEVENT propriedades e valores em
HTML. hCalendar é um dos vários padrões microformat abertos adequados para a
incorporação de dados em HTML/HTML5 e Atom / RSS / XHTML ou outra XML.
Modelo de hCalendar:

Passo a passo: como utilizar uma ferramenta de tradução microformatos para criar um
link que permita o usuário baixar ou mover o conteúdo para outro local.
Como utilizar uma ferramenta de tradução microformatos para criar um link que permita
o usuário baixar ou mover o conteúdo para outro local.
Utilizando o H2VX, que é uma implantação de produção do X2V hCard e transforma
conversão hCalendar.
<a herf = http://h2vx.com/vcf/YOURURLHERE > Download vCard </a>

Mais conteúdo relacionado

Destaque

Apresentação sobre web semântica
Apresentação sobre web semânticaApresentação sobre web semântica
Apresentação sobre web semânticasamuelfructuoso
 
Web Semântica no Domínio Bibliográfico
Web Semântica no Domínio BibliográficoWeb Semântica no Domínio Bibliográfico
Web Semântica no Domínio BibliográficoUNESP
 
Sites acessíveis
Sites acessíveisSites acessíveis
Sites acessíveisaiadufmg
 
Aula 14 elementos de bloco
Aula 14 elementos de blocoAula 14 elementos de bloco
Aula 14 elementos de blocoJolvani Morgan
 
Po planificación y organizacion walter mancheno
Po planificación y organizacion walter manchenoPo planificación y organizacion walter mancheno
Po planificación y organizacion walter manchenowaltermancheno66
 
Using WCAG and ARIA for an accessible project
Using WCAG and ARIA for an accessible projectUsing WCAG and ARIA for an accessible project
Using WCAG and ARIA for an accessible projectReinaldo Ferraz
 
CSS - Pseudo-classes, Seletores e Media-queries
CSS - Pseudo-classes, Seletores e Media-queriesCSS - Pseudo-classes, Seletores e Media-queries
CSS - Pseudo-classes, Seletores e Media-queriesWillian Watanabe
 
Acessibilidade em Sistemas Web para Deficientes Visuais
Acessibilidade em Sistemas Web para Deficientes VisuaisAcessibilidade em Sistemas Web para Deficientes Visuais
Acessibilidade em Sistemas Web para Deficientes VisuaisLogan Web
 
Como Fazer tabelas em HTML
Como Fazer tabelas em HTMLComo Fazer tabelas em HTML
Como Fazer tabelas em HTMLTales Augusto
 
Html e acessibilidade
Html e acessibilidadeHtml e acessibilidade
Html e acessibilidadeRenan Alfarth
 
Alt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesadaAlt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesadaReinaldo Ferraz
 
01 - HMTL/CSS - Curso de Programação
01 - HMTL/CSS - Curso de Programação01 - HMTL/CSS - Curso de Programação
01 - HMTL/CSS - Curso de ProgramaçãoJorge Brandão
 
APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...
APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...
APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...Claudio Diniz - Designer Gráfico
 
Oficina de Avaliação de Sítios
Oficina de Avaliação de Sítios Oficina de Avaliação de Sítios
Oficina de Avaliação de Sítios GovBR
 
Acessibilidade na web: como adaptar sites para deficientes online
Acessibilidade na web: como adaptar sites para deficientes onlineAcessibilidade na web: como adaptar sites para deficientes online
Acessibilidade na web: como adaptar sites para deficientes onlineAvantare Inteligência Interativa
 

Destaque (20)

Apresentação sobre web semântica
Apresentação sobre web semânticaApresentação sobre web semântica
Apresentação sobre web semântica
 
Web Semântica no Domínio Bibliográfico
Web Semântica no Domínio BibliográficoWeb Semântica no Domínio Bibliográfico
Web Semântica no Domínio Bibliográfico
 
Sites acessíveis
Sites acessíveisSites acessíveis
Sites acessíveis
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Aula 14 elementos de bloco
Aula 14 elementos de blocoAula 14 elementos de bloco
Aula 14 elementos de bloco
 
Po planificación y organizacion walter mancheno
Po planificación y organizacion walter manchenoPo planificación y organizacion walter mancheno
Po planificación y organizacion walter mancheno
 
Using WCAG and ARIA for an accessible project
Using WCAG and ARIA for an accessible projectUsing WCAG and ARIA for an accessible project
Using WCAG and ARIA for an accessible project
 
CSS - Pseudo-classes, Seletores e Media-queries
CSS - Pseudo-classes, Seletores e Media-queriesCSS - Pseudo-classes, Seletores e Media-queries
CSS - Pseudo-classes, Seletores e Media-queries
 
HTML Acessível
HTML AcessívelHTML Acessível
HTML Acessível
 
Acessibilidade em Sistemas Web para Deficientes Visuais
Acessibilidade em Sistemas Web para Deficientes VisuaisAcessibilidade em Sistemas Web para Deficientes Visuais
Acessibilidade em Sistemas Web para Deficientes Visuais
 
Seletores css
Seletores cssSeletores css
Seletores css
 
Como Fazer tabelas em HTML
Como Fazer tabelas em HTMLComo Fazer tabelas em HTML
Como Fazer tabelas em HTML
 
Html e acessibilidade
Html e acessibilidadeHtml e acessibilidade
Html e acessibilidade
 
Web semantica
Web semanticaWeb semantica
Web semantica
 
Alt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesadaAlt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesada
 
01 - HMTL/CSS - Curso de Programação
01 - HMTL/CSS - Curso de Programação01 - HMTL/CSS - Curso de Programação
01 - HMTL/CSS - Curso de Programação
 
APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...
APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...
APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...
 
Oficina de Avaliação de Sítios
Oficina de Avaliação de Sítios Oficina de Avaliação de Sítios
Oficina de Avaliação de Sítios
 
Acessibilidade na web: como adaptar sites para deficientes online
Acessibilidade na web: como adaptar sites para deficientes onlineAcessibilidade na web: como adaptar sites para deficientes online
Acessibilidade na web: como adaptar sites para deficientes online
 

Mais de diogolevel3

Norma 508 e wcag
Norma 508 e wcagNorma 508 e wcag
Norma 508 e wcagdiogolevel3
 
Noções sobre os quatro princípios de acessibilidade
Noções sobre os quatro princípios de acessibilidadeNoções sobre os quatro princípios de acessibilidade
Noções sobre os quatro princípios de acessibilidadediogolevel3
 
Design universal
Design universalDesign universal
Design universaldiogolevel3
 
Design responsivo
Design responsivoDesign responsivo
Design responsivodiogolevel3
 
Lista de abreviações 3
Lista de abreviações 3Lista de abreviações 3
Lista de abreviações 3diogolevel3
 
Lista de abreviações 2
Lista de abreviações 2Lista de abreviações 2
Lista de abreviações 2diogolevel3
 
Lista de abreviações
Lista de abreviaçõesLista de abreviações
Lista de abreviaçõesdiogolevel3
 
Bases para internet
Bases para internetBases para internet
Bases para internetdiogolevel3
 
Lista de abreviações
Lista de abreviaçõesLista de abreviações
Lista de abreviaçõesdiogolevel3
 
AULA 4 - PROPRIEDADES CSS
AULA 4 - PROPRIEDADES CSSAULA 4 - PROPRIEDADES CSS
AULA 4 - PROPRIEDADES CSSdiogolevel3
 

Mais de diogolevel3 (20)

Norma 508 e wcag
Norma 508 e wcagNorma 508 e wcag
Norma 508 e wcag
 
Noções sobre os quatro princípios de acessibilidade
Noções sobre os quatro princípios de acessibilidadeNoções sobre os quatro princípios de acessibilidade
Noções sobre os quatro princípios de acessibilidade
 
Design universal
Design universalDesign universal
Design universal
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Design responsivo
Design responsivoDesign responsivo
Design responsivo
 
Taquigrafia css
Taquigrafia cssTaquigrafia css
Taquigrafia css
 
Seletores css
Seletores cssSeletores css
Seletores css
 
Modelo TCP/IP
Modelo TCP/IPModelo TCP/IP
Modelo TCP/IP
 
Modelo osi
Modelo osiModelo osi
Modelo osi
 
Modelo osi
Modelo osiModelo osi
Modelo osi
 
Tutorial css
Tutorial cssTutorial css
Tutorial css
 
Css avançado
Css avançadoCss avançado
Css avançado
 
Lista de abreviações 3
Lista de abreviações 3Lista de abreviações 3
Lista de abreviações 3
 
Lista de abreviações 2
Lista de abreviações 2Lista de abreviações 2
Lista de abreviações 2
 
Lista de abreviações
Lista de abreviaçõesLista de abreviações
Lista de abreviações
 
Bases para internet
Bases para internetBases para internet
Bases para internet
 
Lista de abreviações
Lista de abreviaçõesLista de abreviações
Lista de abreviações
 
Post 5
Post   5Post   5
Post 5
 
Post 4
Post   4Post   4
Post 4
 
AULA 4 - PROPRIEDADES CSS
AULA 4 - PROPRIEDADES CSSAULA 4 - PROPRIEDADES CSS
AULA 4 - PROPRIEDADES CSS
 

Microformatos

  • 2. MICROFORMATOS O que são microformatos? Microformatos são convenções simples (conhecidas como entidades) utilizadas em páginas da Web para descrever um tipo específico de informação, por exemplo, uma avaliação, um evento, um produto, uma empresa ou uma pessoa. Cada entidade tem suas próprias propriedades. Por exemplo, uma pessoa tem as propriedades nome, endereço, cargo, empresa e endereço de e-mail. Em geral, os microformatos usam o atributo class em tags HTML (muitas vezes ou) para atribuir nomes curtos e descritivos a entidades e suas propriedades. Veja um exemplo de um bloco pequeno de HTML mostrando as informações básicas de contato de Bob Smith. Definição dos microformatos hCard e hCalendar hCalendar : é um microformato para eventos. hCard : é um microformato para contatos. hCard é um simples, aberto formato distribuído para represetar pessoas, companias, organizações e lugares usando uma representação 1:1 de propriedades e valores de padrão vCard (RFC2426) em semântica XHTML. hCard é um dos muitos padrões abertos de microformato apropriado para ser inserido em (X)HTML, Atom, RSS, e o arbitrário XML. Modelo de hCard:
  • 3. hCalendar: hCalendar é um formato simples, aberto para eventos de publicação na web, usando uma representação 1:1 de iCalendar (RFC2445) VEVENT propriedades e valores em HTML. hCalendar é um dos vários padrões microformat abertos adequados para a incorporação de dados em HTML/HTML5 e Atom / RSS / XHTML ou outra XML. Modelo de hCalendar: Passo a passo: como utilizar uma ferramenta de tradução microformatos para criar um link que permita o usuário baixar ou mover o conteúdo para outro local. Como utilizar uma ferramenta de tradução microformatos para criar um link que permita o usuário baixar ou mover o conteúdo para outro local. Utilizando o H2VX, que é uma implantação de produção do X2V hCard e transforma conversão hCalendar. <a herf = http://h2vx.com/vcf/YOURURLHERE > Download vCard </a>