O elemento abbr

Hoje li um post no Revolução e etc, que chamou-me a atenção, então resolvi fazer um fast-post, existe um tal elemento abbr, que a função dele é fazer uma abreviação de uma palavra, e se passar o mouse por cima da palavra aparece uma etiqueta com o significado completo da palavra, através da propriedade title, o uso dela é bem simples:

CSS
<abbr title="Cascading Style Sheets">CSS</abbr>

Só pra variar o IEca não dá suporte a esse elemento. Como de costume, existe maneiras de transpassar por esse problema, aqui vai uma delas:

Function abbrToSpan(){
var newSourceCode;
if(isIE){
newSourceCode = document.body.innerHTML;
newSourceCode = newSourceCode.replace(‘<ABBR’,'<SPAN class=”abbr”>’);
newSourceCode = newSourceCode.replace(‘</ABBR>’,'</SPAN>’);
document.body.innerHTML = newSourceCode;
}
}

window.onload = function(){
abbrToSpan();
/* other onloads */
}

isIE = (document.all) ? true:false;

Aqui vai o link do código.

O código é bem simples, substitui as tags abbr por tags span com a classe abbr, que ela por sua vez, vai estar configurada no css (estilo).

Entendido o assunto, vou estende-me um pouco mais, existem diferenças entre abreviações, há aquelas que se fala letra por letra da abreviação (CSS, HTML, PHP etc), mas há aqueles onde formam uma palavra (Modem, ALCA, ONU etc) e para esse segundo grupo utilizamos a tag acronym o qual funciona de forma semelhante:

ONU
<acronym title=”Organização das Nações Unidas”>ONU</acronym>

Esse é suportado pelo IEca 6.

Diálogo:

Você: _ Porque não utilizo somente o acronym, já que o resultado é o mesmo e ainda é suportado pelo IEca 6?
Eu: _ Confesso que não tenho argumentos convincentes, mas o que posso dizer é que se a sua página contém abbr e acronym e utilizar só acronym, se quiser dar estilos diferentes a cada elemento vai ser tudo igual, pois é o mesmo elemento.

Você: _ Mas, eu não poderia distinguir abbr e acronym com classes distintas?
Eu: _ Poderia, mas o código vai ficar mais sujo.

Conclusão:

Não há problema de utilizar o acronym, a não ser que você tenha problemas com códigos sujos.

Agora, vou embora, pois hoje completo mais um ano de vida e vou comemorar um pouquinho, pois ninguém é de ferro.

Bibliografia:
Maujor

Fuiii…

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: