アウトライン

HTMLでツールチップ (Tooltip) を表示する方法(title属性)

投稿日:2013/08/21 更新日:

HTMLで表を作成しそのセルにマウスを合わせると
ツールチップ (Tooltip)を表示する方法です。

ツールチップ (Tooltip)は「title属性」で設定します。

以下のテーブルのセルにマウスを合わせると
ツールチップ (Tooltip)が表示されると思います。

セル1-1 セル1-2 セル1-3
セル2-1 セル2-2 セル2-3
セル3-1 セル3-2 セル3-3

また、音声ブラウザではこの情報が読み上げられることが
期待出来るようです。

ツールチップ (Tooltip)を利用すると、幅の狭いセルで
表示文字が切れている場合などでも、そのセルにマウスを
合わせることで内容を表示してユーザーを助けることが
できます。

このHTMLの動作はInternet Exlpore8で検証しました。
(その他のブラウザーでは表示が異なるかも知れません。)

当サイトのおすすめ記事

パソコン 1

当サイトは約5年間、さくらのレンタルサーバで運用させて頂きました。 何かトラブルがあったわけではないのですが、WordPressの表示速度を速くしたくてSSD搭載のレンタルサーバーで運用してみることに ...

プログラミング 2

Contents1 SQLでIFを使わずに条件分岐する1.1 1.テーブルとデータの準備1.2 2.条件を分岐させて検索1.3 3.解説 SQLでIFを使わずに条件分岐する SQLでIFを書けばWHE ...

SQLServer 3

SQLServerで発生するエラーコードをSQLで取得する SQLServerで発生したエラーコードの内容を メッセージが定義されているテーブルから取得します。 エラーコードを取得するSQL SQLs ...

4

Contents1 SQLServerでテーブル型を戻り値とする関数を作る1.1 テーブル型を戻り値とする関数の作成1.2 呼び出しかた SQLServerでテーブル型を戻り値とする関数を作る SQL ...

5

Contents1 アフィリエイトで即効成果を出す1.1 自分で買えば確実に成果が上がる1.2 A8.netでは自分で購入してもOKなものがある1.2.1 A8.netにサイトを登録する1.2.2 承 ...

-アウトライン
-, , , , ,

Copyright© ソフトウェア開発日記 , 2017 All Rights Reserved.