HTML

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

初心者でも失敗しないレンタルサーバーの選び方ですが、最近ではブログを立ち上げて、そこから広告収入を得る「アフィリエイト」が随分一般的になりました。 私の周りでも実際にやっている人が多くいます。 アフィ ...

プログラミング 2

SQLでIFを書けばWHERE句の内容を変えて検索できますが、条件ごとに同じようなSQLを 複数回書くのは面倒なので、1行で分岐できないかと言う事でSQLを作って見ました。 SQLでIFを使わずに条件 ...

SQLServer 3

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

4

SQLServerでは「ユーザー定義型」と呼ばれる独自のテーブル型をした戻り値を返す関数を作成することができます。 その作り方と使い方を解説します。 SQLServerでテーブル型を戻り値とする関数を ...

5

アフィリエイトでいきなり成果を出すのは難しいです。 でも、成果がないとレンタルサーバー代やドメイン代がペイできません。 しかも長い間、結果がでないとやる気もなくなってしまいます。 そういったことを防ぐ ...

-HTML
-, , , ,

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