Come aggiungere un tooltip in HTML?

Come aggiungere un tooltip in HTML?

Oltre a fornire un anchor text descrittivo, a volte è utile fornire un contesto aggiuntivo per spiegare i link. Questo contesto può essere utile quando un link contiene oppure è un'immagine, un'icona o un altro elemento non testuale.

Il contesto aggiuntivo, un tooltip, può essere fornito come testo usando l'attributo HTML title. Anche se l'attributo title può essere fornito a qualsiasi elemento HTML è spesso utile come contesto aggiuntivo per le parti cliccabili.

La maggior parte dei browser visualizzerà il testo di un attributo title come tooltip, il che significa che quando un utente passa il cursore su un elemento, il testo apparirà in un piccolo riquadro vicino al cursore.

Per aggiungere tooltip ad un elemento cliccabile come un link, aggiungilo come attributo title.

<p>
<a href="#" title="tuttofaredigitale.it">Tuttofaredigitale</a>
</p>