Abreviações em xHTML.

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]

Uma ótima pedida é mudarmos o cursor do mouse, ao passarmos por cima do abbr, para o ícone de help (ajuda).

abbr {cursor: help;}