Définir un terme en restant sémantique

Définir un terme en restant sémantique [250 mots]

Posté le 31 mai 2007 à 14:51 | Vu 228 fois | 0 commentaire | Tags: dfn, sémantique, utilisabilité

Définition de la balise `dfn`

La balise dfn permet de définir un terme. En général, on l'utilise sur la première occurrence du mot à définir dans un texte.

On peut lui attribuer un title contenant sa définition. Avec un navigateur respectant les standards, au passage de la souris sur le mot, la définition apparaît dans une infobulle.

Exemple:

dfn title="Maladie des yeux"]]>myopie/dfn]]>

Ajout de style CSS

La plupart des navigateurs choisissent d'afficher le style de la police de dfn en italique : on va redéfinir en 'normal' cette valeur excessive:

dfn {font-style:normal;}

Pour indiquer visuellement à l'utilisateur la présence d'une définition, on va préférer utiliser un souligné pointillé noir:

dfn {font-style:normal; border-bottom: dashed #fff 1px;}

La touche finale : au passage de la souris, on affiche un "?". Pour cela, on redéfinit la valeur du pointeur :

dfn {font-style:normal; border-bottom: dashed #fff 1px; cursor:help; }

Résultat:

dfn title="Maladie des yeux"]]>myopie/dfn]]>

affiche:

myopie (passez la souris dessus !)

Bénéfices

Utiliser cette balise, c'est ajouter de la qualité à votre site web. Si vous rendez sytèmatique cette pratique, vous pouvez en tirer des bénéfices:

si le terme défini est relatif à votre activité, vous pouvez espérer un meilleur référencement
votre site gagne en capacité à fidéliser ses internautes : plus la peine de quitter votre site pour chercher la définition d'un mot puisqu'on a tout sous la main !
vous élargissez votre lectorat (auditorat) : les personnes qui ne sont pas de fins connaissseurs du domaine dans lequel l'article s'inscrit ne se sentiront pas exclues puisqu'elles auront accès aux informations qui leur manquent et pourront donc continuer leur lecture.

Revenir au début de l'article