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.
|
1 2 3 |
<p>Lorem ipsum dolor sit amet, consectetur adipiscing <abbr title="médico interno y residente">MIR</abbr>. Donec sed lectus ex. Praesent vestibulum dui et tellus posuere, quis aliquam risus vehicula.</p> |
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 🙂