Comment puis-je créer des info-bulles pour les éléments Span en HTML ?

Utilisation des éléments Span pour les info-bulles

Dans l'extrait HTML fourni, vous souhaitez créer une info-bulle qui s'affiche lorsque l'utilisateur survole un élément spécifique. élément de travée. Bien que traditionnellement les info-bulles soient associées à des liens, il est possible d'obtenir cette fonctionnalité en utilisant uniquement des éléments span.

La solution simple : utiliser l'attribut 'title'

La méthode la plus simple ajouter une info-bulle à un élément span consiste à utiliser l'attribut 'title' intégré. En spécifiant une valeur pour cet attribut, vous pouvez afficher une zone de texte qui fournit des informations supplémentaires lorsque l'utilisateur survole l'élément. Voici un exemple :

<code class="html"><span title="My tooltip text">text</span></code>

Lorsque l'utilisateur déplace le curseur de la souris sur l'étendue, le texte de l'info-bulle spécifié apparaîtra sous la forme d'une petite boîte adjacente à l'élément.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!