リンクにツールチップを表示する

a要素にtitle属性を設定する

リンクを張ったテキストや画像の上にマウスカーソルを載せる(マウスオーバー・マウスホバー)ことで、ツールチップ(ツールヒント)をポップアップ表示させることが可能です。マウスカーソルがリンクから外れることで(マウスアウト)ツールチップは自動的に消えます。

ツールチップ内部に表示させたい文字列をtitle属性で文字列として指定します。

HTML
<a href="#" title="ページ先頭に戻ります">ページの先頭へ</a>

下の実例にマウスを載せて下さい。
リンク文字列「TOPページへ」に対して、ツールチップでtitle属性で指定した文字列「TOPページに戻ります」が表示されることを確認して下さい。


ページの先頭へ