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