Você pode exibir o significado de um acrônimo com HTML puro usando a tag semântica abbr .
<abbr title="HyperText Markup Language">HTML</abbr>Por exemplo:
<abbr title = “HyperText Markup Language” style = “cursor: default;”> HTML </abbr> é o idioma principal para exibição de páginas da web. </p>
Este código irá introduzir uma pequena borda pontilhada sob a abreviatura, ao passar o mouse sobre você verá as palavras completas.
Desta forma, você não precisa de um plugin de dica de ferramenta javascript e a semântica do documento é muito clara para leitores humanos, motores de busca, leitores de tela e tradutores automáticos.
Em alguns navegadores, ao passar o mouse, o cursor muda para o estilo de entrada de texto, você pode evitá-lo com uma regra css fácil:
abbr:hover{cursor: default;}Observe que o HTML5 suporta apenas a tag abbr , o antigo acrônimo HTML 4.01 está obsoleto.