La balise < abbr >  permet de rendre explicite un accronyme ou une abbréviation. Cependant, elle m’a toujours posé un problème.

C’est purement existentiel vous allez me dire, mais je ne la trouve vraiment pas présentable.

Déjà qu’avec des balises extraordinairement communes on arrive à avoir des différences d’affichage selon les navigateurs (et je ne vous parle pas des styles margin/padding)

Les navigateurs ne savent pas afficher proprement les abbréviations. Ca chevauche les lignes, c’est écrit en tout petit, on n’y voit rien. C’est pourtant pas compliqué de mettre la définition entre parenthèse à côté.

De plus aujourd’hui, je suis tombé sur une page qui m’a bien fait rire :

C'est vraiment pas beau sous Firefox

Voyons le code :

<abbr moz-ruby-mode="block" moz-ruby-reformed="done" moz-ruby-line-edge="none" style="vertical-align: baseline ! important;" rubytext="Secrétaire d'Etat chargé de la Fonction publique" moz-ruby-state="done" title="Secrétaire d'Etat chargé de la Fonction publique">Georges Tron</abbr>

Outre les moz-machin qui sont d’une compatibilité douteuse, depuis quand Georges Tron est-il l’abbréviation de « Secrétaire d’Etat chargé de la Fonction publique »  ?

C’est un sacré raccourci, vous ne trouvez pas ?

Vous pouvez toujours faire du code valide w3c, n’oubliez donc pas le sens réel des balises que vous utilisez

Edit les moz-truc n’apparaissent pas sous IE8, ouf on est sauvé !