Rafael Marin

Entender essa história de microformatos parece ser difícil. Na verdade não é. É tão simples quanto o HTML normal. No último Encontro Locaweb de Profissionais de Internet, o Elcio deu uma ótima introdução ao assunto.

A palestra apresentou ao público os Microformats, uma maneira de incluir novas características e possibilidades no HTML atual, oferecendo significado extra ao conteúdo e facilitando a criação de mash-ups. Comparou também a adoção inicial de Microformats com o padrão de adoção de novas tecnologias abertas, em especial o RSS. Por fim, demonstrou com exemplos práticos a simplicidade para se implementar Microformats e sua grande utilidade e flexibilidade.

O Andrey Pedro Lefkum filmou a palestra. E o Elcio também colocou os slides on-line.

Talvez os desenvolvedores que estão há mais tempo nessa história de padrões web - abandonando definitivamente os editores visuais - possam desconsiderar a dica que segue. Contudo, para os iniciantes, a dica é bem útil, vi lá no blog do Pedro Rogério, o Pinceladas da Web.

Existem espalhadas pela web algumas cartilhas, ou cheat sheets, que facilitam bastante o trabalho de quem está começando. São grandes tabelas que contém todos os elementos do HTML, CSS, JavaScript e Microformatos, e que quebram um galho enorme algumas vezes quando um elemento ou outro escapa da mente.

Mas, para não dar uma de parasita e consumir a banda dos outros, fiz o upload dos arquivos (que estão em PDF) no meu servidor.

Faça o download

Seguem os links:

• HTML Cheat Sheet, de Liquid City
• CSS Cheat Sheet, de Liquid City
• JavaScript Cheat Sheet, de I Love Jack Daniel’s
• Microformats Cheat Sheet, de Microformats.org

Imagine a quantidade de informação que trafega pela web a cada segundo. Para que os agentes de usuário entendam o que toda essa informação significa - o que chamamos de semântica - todo este conteúdo é gerado com marcações, padronizadas.

Como em todos as páginas - teoricamente - os parágrafos de texto estão marcados com a tag <p>, fica fácil para os programas que lêem estes documentos reconhecer o significado do conteúdo. O mesmo ocorre com todas as outras tags do HTML e XHTML.

(more…)