élément cliquable/survolable sur la page Web

Question

Lorsque l'utilisateur clique sur (ou déplace le curseur de la souris) sur les en-têtes de colonne de mes tables, j'utiliserai JavaScript pour afficher une plus longue description des données de cette colonne. Cependant, pour inciter l'utilisateur à déplacer la souris (ou à cliquer) sur les en-têtes de colonne, je dois les rendre "cliquables". Je pense que je l'ai vu cela avant d'utiliser un lien HTML qui ne D'un point de balisage sémantique de vue ne fait nulle part un lien, quelque chose comme

<a href="#">Age</a> 

cela semble être une mauvaise approche, parce que l'élément n'est pas En fait, un lien, je veux juste faire ressembler à un lien, de sorte que l'utilisateur sait que quelque chose va se passer quand ils cliquent dessus.

Y a-t-il une meilleure approche?

Merci, Don

Answer 1

Une option consiste à utiliser le CSS « ​​curseur » propriété pour faire le tour du curseur dans le pointeur de la « main » qui est généralement utilisé pour les liens:

.myHeaderClass{ 
    cursor: pointer; 
} 

Si votre page applique un style spécial aux liens (par exemple une couleur différente), vous pouvez également faire la même chose pour ces en-têtes, bien sûr.