: tooltip sans javascript

Il peut parfois être utile de donner la "définition" d'un sigle , accessible comme une sorte de tooltip, en passant la souris près d'un mot. La balise html <acronym> est parfaite dans ce genre de cas. Elle ne nécessite pas à l'internaute d'avoir javascript d'activé et fonctionne avec l'intégralité des navigateurs web ( Internet Explorer, Firefox, Opera, Safari... ).

Comme un exemple vaut bien mieux qu'une longue explication, passez le curseur de la souris près de ces mots surlignés :

SNCF

Un petit tooltip s'affiche, sans être génant avec l'explication du sigle associé. A la différence de l'abbréviation, l'acronyme peut se prononcer comme un mot complet. L'utilisation de la balise <acronym> s'avère simpliste, suivez cet exemple :

<acronym title="Gaz de France">GDF</acronym>

Gaz de France : Séparé par des guillemets la valeur de title contient la signification du mot clé, notre "tooltip".

GDF : Les lettres vues immédiatement dans la page web par l'internaute.

Comme pour n'importe quelle autre balise html, n'oubliez pas de la fermer </acronym>

Nb : Bien sûr, il existe de nombreuses autres méthodes pour imiter le vieux <acronym>. Jouez sur la valeur title d'un <span> par exemple.

News

Savoir si on capte la 4G chez soi
Un site bien pratique !

Test de la box 4G de Bouygues
Avis : Que vaut la Box 4G illimité de Bouygues ?

BlueTigers est Down définitivement
Le tracker québécois inaccessible

Test solidité Iphone 7
Est-il costaud ?

Test UMI MAX
A environ 150 euros, le téléphone qui voulait battre des records

Caractéristique Apple Earpods
Ce qu'il faut savoir sur les Apple Earpods

Test de OnePlus 3 Flip Cover une coque au top
La protection ok, mais le toucher et la qualité ?

Tutoriel lié

: tooltip sans javascript
Une balise html permettant d'afficher des mots au passage de la souris

Tutoriel Jquery tooltip
Un tutoriel Vidéo pour réaliser un tooltip avec Jquery

Round Javascript : Arrondir un nombre.
Comment arrondir un nombre en javascript ?

Fonction addslashes pour javascript
Problème de guillemets en javascript ?

Dans la même catégorie : Javascript

Windows 7 Activation crack !

Passer l'activation de Windows 7 temporairement avec invite de commande

Youtube Api

Comprendre l'API Youtube pour gérer le temps des vidéo

Interdire l'iframe de votre site en javascript

Forcer l'affichage unique de votre site web.

Empecher sélection javascript

Comment empêcher de copier un texte sélectionné

Fonction addslashes pour javascript

Problème de guillemets en javascript ?

Liste des commentaires pour : tooltip sans javascript

Votre PseudoIl y a 0mn

Votre commentaire forum

Vous avez la parole
Laissez un commentaire sur cet article.
Pseudo :

Facultatif : Cliquez ici pour choisir une tête

Votre email ( non publié ) :

Image anti spam :
Code Image

Recopier les 5 chiffres de cette image :

Pseudo :
Pass :