A algum tempo atrás falei sobre a importância de se utilizar acrônimos em web sites e hoje vim falar sobre as abreviações <abbr>.
Abreviação já se auto-explica o que é então vou ser rápido e explicar a diferença entre abreviações e acrônimos.
Para muitos, ou até para a maioria, usuários internet tudo é abreviação mas na realidade não é a verdade. Acrônimos são palavras formadas por letras ou sílabas iniciais de uma locução - Ex.: CSS = Cascading Style Sheets - enquanto abreviação é uma forma curta da palavra excrita - Ex.: Av. = Avenida.
No xHTML, a utilização da tag abrr se dá na seguinte forma:
<abbr></abbr>Para cada <abbr> gerado, é altamente recomendável, no meu ponto de vista obrigatório, o uso da propriedade <title> ao qual, com ela, podemos visualizar o significado daquele abreviação ao passarmos o mouse por cima da palavra.
<abbr title="Avenida">Av.</abbr>Fazendo isso, estaremos ajudando a quem não tem o conhecimento de certas abreviações e faremos nossos sites mais acessíveis e de acordo com os padrões w3c.
[update: 25.07 às 10:21]
Aproveitando a dica da amiga Cleo Morgause que eu sempre acabo me esquecendo de fazer :), uma ótima pedida é mudarmos o cursor do mouse, ao passarmos por cima do <abbr>, para o ícone de help (ajuda).
abbr { cursor: help }
O W3C World Wide Web Consortium, entidade internacional que tem como missão levar a web ao seu máximo potencial, tem a honra de convidar ao público em geral para o lançamento público do W3C Escritório Brasil, consolidando as atividades iniciadas em novembro de 2007.