Atenção: Não estou falando da doença anorexia nervosa. Esse artigo faz apenas uma comparação humorística sobre uma linguagem tecnológica e não tem intuito ofensivo.

Uma prática muito comum no HTML é tornar os elementos anoréxicos, sendo os mais afetados as âncoras e imagens, embora outros elementos poderiam dar uma boa engordada.

Por padrão as âncoras (o elemento a que forma os links) no HTML não requerem nenhum atributo por padrão, embora seja comum usar o atributo href (por motivos óbvios).

Um exemplo de âncora anoréxica seria essa:

<a href="http://www.acordapraweb.com">site interessante</a>

Apenas a ligação em si é definida, e mais nenhuma informação sobre o destino dela é determinada. Uma pena.

Vamos ver agora uma âncora saudável, corada e em boa forma:

<a href="http://www.acordapraweb.com" title=”Acorda pra Web! - Web Semântica” hreflang=”pt-br”>site interessante</a>

Olhem! Dá até gosto de ver. Além da ligação essa âncora informa ao HTML qual a lingua da página de destino (usando o atributo hreflang) e atribui um título explicativo à mesma (atributo title). Uau!

Uma das âncoras mais bem comportadas, que come bem e fica gordinha, são âncoras de arquivos para download. Por exemplo, nessa:

<a href="http://www.acordapraweb.com/compatibilidade.html" title=”Acorda pra Web! - Tabela de Compatibilidade CSS” hreftype=”text/html” hreflang=”pt-br” rel=”enclosure”>Compatibilidade CSS em navegadores</a>

O atributo hreftype define o tipo de arquivo do link. Nesse caso foi text/html, mas você pode especificar application/zip para arquivos compactados em zip por exemplo.

Outro atributo interessante é o rel com valor enclosure. Esse é um dos microformatos essenciais, que define que o conteúdo daquele link deve ser tratado como um download.

*Imagem por Peter Werner

Esse post foi adicionado em 1/5/2007 at 10:35 pm e está registrado em Uncategorized. Você pode acompanhar os comentários desse post através do feed RSS 2.0. Você pode deixar uma resposta, ou adicionar um trackback do seu próprio site.