Às vezes, pode ser útil exibir informações adicionais na passagem do cursor em uma área da tela, por exemplo, "Clique para aumentar" em uma imagem, a descrição de uma abreviação ou os detalhes sobre um link.
Existem muitas dicas na internet envolvendo o Javascript ou os CSS. Na realidade, existe uma maneira de fazer a mesma coisa com uma simples tag HTML.
Utilize o tag acronym colocando a descrição no título :
Acordos com a <acronym title="Organização do tratado do Atlântico Norte"> OTAN </acronym> foram assinados.
O que dá:
Se você quiser obter o mesmo efeito sem o sublinhado (por exemplo, para adicionar a descrição de uma imagem), utilize a tag SPAN. A tag SPAN também pode exibir o pop-up de uma vez, para um conjunto de elementos (imagens, texto, etc.).
Exemplo:
<span title="É o logotipo do CommentÇaMarche"> <img src="http://www.commentcamarche.net/img/commentcamarche.png"> Logotipo do CCM </span>
O que dá:
Não se esqueça que a maioria das tags (img, etc.) também aceita o atributo title.