Microformatos foram criados para adicionar semântica
ao documento HTML isso é feito usando atributos específicos como class, rel e ver,
os microformatos usam como base os web standarts. Com uso de microformatos fica
mais fácil para determinados programas como
por exemplo o outloock de extração de informações como detas horários, e-mail ,
endereços.
Microformatos surgiram devido a necessidade
de resolver problemas específicos, para serem o mais simples possível,
colocando os humanos como prioridade ao invés da maquina, Reutilizar blocos de código quando necessário
utilizados dentro dos padrões para web, e a aplicação em blocos e trechos especóficos.
Existem dois tipos principais de microformatos
o hcard e o hcalendar. O hcard é uma
marcação semântica que serve para publicar informações de contato, seja de
pessoas ou de empresas como por exemplo
um cartão de visitas, segue os padrões do Vcard. O hcalendar também é uma marcação semântica porém
como o nome diz serve para publicar informações como datas e horários.Existem
diversas ferramentas online que ajudam o usuário a decodificar um microformato.
Exemplo
de código hcard
<div class=”street-adress”> rua dos bobos numero 0</div>
<span class="locality">cidade</span>
<span class="region">estado</span>
<span class="postal-code">CEP</span>
Exemplo
de codigo hcalendar
<div class=“vevent”>
<h1 class=“summary”>Evento de anime qualquer</h1>
<p>o evento vai acontecer nos dias <time
datetime="2014-05-30" class="dtstart"> 30 </time> a <time datetime= "2013-06-01" class="dtend"> 01 junho de 2014 </time>
em <span class=
"location"> São
Paulo </span> e contou
(<a class="url" href=“http://www.eventodeanimequalquer.com/”>leia mais</ a>)
</div>
nesse post o usuário
irá aprender como utilizar o hcardcreator disponível no site http://microformats.org/code/hcard/creator
Esta ferramenta possui um designer simples
e intuitivo enquanto o usuário digita ele vai automaticamente formando o código
e mostra uma prévia de como vai ficar.
A imagem abaixo mostra a parte onde o
usuário deve inserir o conteúdo que quer que seu código possua. O botão
redefinir limpa todos os campos.E o botão build it deve ser apertado quando tudo estiver devidamente digitado nos campos.
A próxima imagem mostra o campo onde o código
é definido automaticamente pelo programa, para incorporá-lo ao site do usuário
basta apenas copiar o código criado na aba “CODE”, e incorporá-lo ao código HTML do web site do
usuário.
Código
gerado pelo site:
<div
id="hcard-nome-nome-do-meio-sobrenome" class="vcard">
<a class="url fn n"
href="http://www.site.com">
<span class="given-name">nome</span>
<span
class="additional-name">nome do meio</span>
<span
class="family-name">sobrenome</span>
</a>
<div
class="org">empresa</div>
<a class="email"
href="mailto:emeil@qualqueremail.com">emeil@qualqueremail.com</a>
<div class="adr">
<div class="street-address">nome
da rua e numero</div>
<span
class="locality">cidade</span>
<span
class="region">estado</span>
<span
class="postal-code">CEP</span>
<span
class="country-name">País</span>
</div>
<div class="tel">(ddd)000
000</div>
<div><span
class="category">alimentos</span></div><p
style="font-size:smaller;">This <a
href="http://microformats.org/wiki/hcard">hCard</a> created
with the <a href="http://microformats.org/code/hcard/creator">hCard
creator</a>.</p>
</div>
Este site http://www.microform.at/ serve para descodificar os microformatos para
que os usuários possam por exemplo adicionar o contato a sua agenda
A imagem abaixo mostra o layout do site que ajuda o usuário a adicionar o contato de
um determinado site a sua agenda. No
campo verde deve-se inserir o site onde está o contato.
Em Type deve-se selecionar o tipo de
microformato utilizado no site, e em outpout pra que tipo de dado o usuário
quer converter o código.
Neste exemplo escolhi um site com hcard e pedi
para que os dados de saída fossem HTML(microdata) que serve para a agenda do Windows.
Ao clicar em submit um arquivo é gerado e é automaticamente baixado para o seu
computador.
Ao abrir o arquivo gerado pela ferramenta
microfor.at no Windows 7 a agenda do prorpio Windows já da ao usuário opções de
adicioná-lo aos contatos.
