Sobre microformatos

Como marcar dados usando 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.

<div>
   <img src="www.example.com/bobsmith.jpg" />
   
   <strong>Bob Smith</strong>
   
   Editor sênior da ACME Reviews
   
   200 Main St
   
   Desertville, Arizona 12345

</div>

Este é o mesmo HTML marcado com o microformato hCard (pessoa).

<div class="vcard">
   
   <img class="photo" src="www.example.com/bobsmith.jpg" />
   
   <strong class="fn">Bob Smith</strong>
   
   <span class="title">Editor sênior</span> na <span class="org">ACME Reviews</span>
   
   <span class="adr">
         
      <span class="street-address">200 Main St</span>
      
      <span class="locality">Desertville</span>, <span class="region">Arizona</span>
      
      <span class="postal-code">12345</span>
   
   </span>
</div> 

Veja como este exemplo funciona.

  • Na primeira linha, class="vcard" indica que o HTML incluído no
    descreve uma pessoa. (O microformato usado para descrever pessoas é chamado hCard e conhecido em HTML como vcard. Não é um erro de digitação.)
  • O exemplo descreve propriedades do item pessoa, como uma foto, nome, cargo, organização e endereço. Para nomear as propriedades sobre a pessoa descrita pelo vcard, cada elemento que contém uma dessas propriedades (como , ou