Usando abreviaturas y acrónimos con el elemento abbr

Un problema que puede surgirte es que estás escribiendo un texto y en un momento usas un acrónimo o abrevación y buscas una forma de proporcionar al usuario una forma más llamativa para mostrarle la definición. Para salir de dicho aprieto puedes usar el elemento abbr.

HTML5 prorpociona el elemento abbr, que muestra acrónimos y abreviaciones mostrando su definición en un tool tip cuando se pasa el ratón por encima.

elemento abbr firefox

Ejemplo del elemento abbr en Firefox

Polémica entre el elemento abbr y acronym

Existía otro elemento similar que era <acronym>. Hubo controversia entre ambos porque IE7 no mostraba el valor title de <abbr> como un tool tip. Debido a eso se comenzó a usar <acronym>.

Otra polémica era qué se consideraba un acrónimo y qué una abreviación y según la situación usar un elemento u otro.

A día de hoy el debate se acabó (por finalidades prácticas), y <acronym> se desechó completamente de HTML5. La razón es que todos los acrónimos son formas abrevidades de palabras o frases, lo cual es una definición bastante próxima de abreviación.

Y hasta aquí el post de hoy, espero que os haya gustado. A seguir picando 🙂