hCard, adquira já o seu

19/12, 2005 14:21 por Fellipe

Sim, o hCard é livre e webstandards.

O hCard é uma seqüência de dados delimitados por tags HTML que agrupam informações sobre o autor de algum conteúdo (seja este uma página, um artigo ou documento).

Veja o exemplo acessando http://www.rockgrafia.com/rs/scripts/hcard.html.

Por ser puro HTML, pode ser embutido em uma página qualquer, como um blog, e ainda ser formatado via CSS. Além disso, podemos criar JavaScripts para manipular o seu comportamento.

Por ser um padrão de microformato, pode ser lido por qualquer ferramenta que esteja preparada para ler hipertexto, como leitores de e-mail, catálogos de endereços, agregadores de feeds, aplicações de escritório, aplicações web e até mesmo browsers .

Para construir o seu, vá ao tópico construção.

Microformato

O hCard é um microformato. Os microformatos são convenções colaborativas que definem seqüências de declarações na linguagem XHTML com o objetivo de agrupar um conjunto de dados transformando-os em uma informação concisa.

Esta informação pode assumir diversos assuntos, desde que sua formação siga o padrão estabelecido. XHTML foi escolhida para estruturação da informação por que permite que a mesma seja renderizável (interpretado por um browser comum), portável e facilmente assimilado entre as pessoas que trabalham na área e/ou são amadores.

Existe um grande repertório de microformatos e suas respectivas descrições no domínio http://microformats.org

Impacto no mundo “real”

Quando a maioria dos desenvolvedores que já aderiram aos standards começarem a implementar algumas soluções em microformatos em suas páginas (como eu já estou fazendo agora) mecanismos indexadores (ex.: Google) poderão criar catálogos gigantes e bem estruturados para compartilhamento de dados válidos.

O conteúdo exposto identificará seu criador, e sendo assim, poderemos facilmente reunir todo o material distribuído pela internet de alguma pessoa sem ter que procurar muito e criar filtros mirabolantes. Será como procurar a sua assinatura.

Poderemos correlacionar organizações com seus respectivos membros, através da identificação que o hCard fornece sobre dados do autor da obra. Além disso, poderemos restringir procuras por localidade, seja esta estado, cidade ou país.

Os usuários poderão instalar catálogos de endereços em seus micros que poderiam capturar automaticamente os hCards nos sites navegados e alimentar um histórico. Assim sendo, seria fácil achar o telefone do fulano, caso ele tenha exposto pelo hCard. E para essa idéia ficar ainda melhor, transporte-a para uma aplicação web, como o del.icio.us!

Relacione este microformato com outros, como o XFN, e terás toda uma árvore de relacionamentos num escopo global, e espontâneo.

Construção

Vamos ao que interessa, o código do hCard:

Como podemos observar, o hCard é um parágrafo HTML comum, diferenciado através da sua classe. Dentro deste parágrafo, nós temos diversos elementos inline, como <span> e <a> identificados com outras classes. A ordem que as informações aparecem não importa, somente a sua devida identificação.

Cada uma dessas subclasses caracteriza a informação da tag que a contém, e é nesta nomenclatura que o padrão consiste. Para uma longa explicação sobre cada uma dessas classes, melhor consultar a página oficial em http://microformats.org/wiki/hcard . A idéia é poder, futuramente, detalhar e criar aplicações baseado nessas informações.

Chegar a esse nível de detalhe agora é caracterizado como flood, ou, enchente de informação. Aconselho a aplicar em sua página agora mesmo esses conceitos. O hCard não precisa necessariamente aparecer na tela para o usuário, pode-se colocar o atributo style="display:none" no parágrafo principal e pronto.
<p class="vcard" style="display:none">

Se olhar no topo do código desta página poderá ver o meu hCard em ação.

Para esquentar um pouco, utilize o greasemonkey user-script que identifica hCards nas páginas da web e permite que adicionemos seus dados em um catálogo virtual. Interessante!

Incentivei-me a fazer este artigo quando caí no blog Zeroseis. Agradecimentos ao autor Fabrício Marchezini.

Este artigo foi publicado Monday, 19 de December de 2005 às 14:21 e foi categorizado como webstandards, Cookbook, inovação. Você pode acompanhar os comentários deste post assinando o comment RSS (RSS 2.0 [?]). Você também pode comentar ou atrelar um trackback [?] daqui no seu site.