リンクにツールチップを表示する
a要素にtitle属性を設定する
リンクを張ったテキストや画像の上にマウスカーソルを載せる(マウスオーバー・マウスホバー)ことで、ツールチップ(ツールヒント)をポップアップ表示させることが可能です。マウスカーソルがリンクから外れることで(マウスアウト)ツールチップは自動的に消えます。
ツールチップ内部に表示させたい文字列をtitle属性で文字列として指定します。
<p><a href="/" title="TOPページに戻ります">TOPページへ</a></p>
下の実例にマウスを載せて下さい。
リンク文字列「TOPページへ」に対して、ツールチップでtitle属性で指定した文字列「TOPページに戻ります」が表示されることを確認して下さい。