もじらで懺悔…#5…alt と title編

 IEともじらで見た場合の違いの原因を探してみる #5
カテゴリ
Digital Shop めぐ味屋 WEB-LOG N
Digital Shop めぐ味屋 WEB-LOG N/一覧 (46)


デジタルお札
絵
めぐ味屋の看板息子


検索できます




2004年10月
         
8
           

新着エントリ
Movable Type 版 小説配信再開 (5/14)
LULU-LOG るるろぐ:サイト移転のお知らせ (4/17)
マカフィー製品、スクリプトエラーの謎… (10/26)
MT 3.1 へ移行完了 (10/26)
MT3.1 インストール #5…Movable Type3.1の起動 (10/24)
MT3.1 インストール #4…mt-check.cgiなどを実行する (10/24)
MT3.1 インストール #3…ファイルのアップロード/パーミッションの変更 (10/24)
MT3.1 インストール #2…perl のパスを変更する (10/24)
Movable Type 3.1 をisweb にインストールする (10/24)
のブログスタイルシート…コメントフォーム編 (10/21)
のブログスタイルシート…サイドバー編 #2 (10/20)
のブログスタイルシート…サイドバー編 (10/20)
のブログスタイルシート…タイトル部編 #2 (10/20)
のブログスタイルシート…エントリ部編 (10/19)
のブログスタイルシート…日付部編 (10/19)
のブログスタイルシート…ブログタイトル部編 (10/19)
のブログスタイルシート… body 編 (10/19)
のぶろぐスタイルシート…リンク編 (10/19)
ああ、そういうからくりかあ... (10/19)
もじらで懺悔…#7 background-attachment 編 (10/16)
DAZ でマイケルをゲット、支払いはペイパルで… (10/15)
DAZ でマイクェル買ってみました…(ビッキーもね) (10/14)
MIDI ファイルに著作権情報を埋め込む (10/14)
DNA塩基配列による音階とイメージ (10/13)
もじらで懺悔…#6…clear プロパティ編 (10/13)
DAZに問い合わせてみました… (10/9)
もじらで懺悔…#5…alt と title編 (10/8)
もじらで懺悔… #4…ソース丸出し編 (10/6)
もじらで懺悔… #3…text-align 編 (10/5)

新着トラックバック/コメント

めぐ味屋関連サイト
お仲間

アーカイブ
2004年 (44)
9月 (12)
10月 (32)
2005年 (2)
4月 (1)
5月 (1)


アクセスカウンタ
今日:26
昨日:49
累計:98,780


RSS/Powered by 「のブログ

2004年10月08日(Fri)
< もじらで懺悔… #3…text-... < もじらで懺悔… #4…ソース... | ■HTML/スタイルシート/一覧 | もじらで懺悔…#6…clear ... > もじらで懺悔…#7 backgro...
もじらで懺悔…#5…alt と title編

思わず自分の歌でパロってしまいたくなります…。

●オリジナル●
♪君がぁ笑ってぇいるからぁぁぁ それでいいと思っていたあぁぁ
 だから君が泣いたらあぁぁ 何も出来なくなったぁぁ♪
♪言ってしまえば良かったのかぁぁ 僕だけの君だとぉぅぅ
 かんじがらめに 閉じこめてぇえぇぇ 離さなければ良かったのかぁぁぁ…
 (後悔続く 笑)♪

●パロ●
♪IEでぇ見えているからぁぁぁ それでいいとぉ思っていたあぁぁ
 だからもじらで見たらぁぁぁ 何も言えなくなったぁぁぁぁ...♪
♪言ってしまえば良かったのかあぁぁ 僕はゲイツのしもべだとおぉぉ
 がんじがらめにページ固めて 他をはじけば良かったのかぁぁぁ...
 (懺悔続く…爆)♪

う〜ん。。。まだ頭うんでますね…。

では、今日の懺悔ですが。
例によって「web標準普及プロジェクト」からの引用です。

img要素のalt属性に値を設定しておくと、その画像の上にマウスカーソルを乗せた時にポップアップによってその画像の説明が出る、またはalt属性そのものがそういう役割の属性であると認識している人がいるようですが、このような考え方は間違いです。
…中略
と、仕様書上にもあるように、ツールチップとしてポップアップするべきはtitle属性に指定された内容です。 Mozillaも、そしてOpera6でもalt属性はポップアップせずに、title属性がポップアップするようになっています。

上記の記事の参考ページ:img要素でalt属性の内容がポップアップしない

がぁ〜ん…。
そうだったのか…。それでもじらで見た時、画像にマウスを載せてもツールチップが出なかったんですね。。。titleの存在は知ってましたけども、altはtitleの代わり(?)もしてくれるんだと思っていました。。。ですからIEはそうだから…。

上記の「web標準普及プロジェクト」を読んでいて思うのですが、どうやらめぐ味屋は典型的な(?)IEユーザだったようです。こちらに書かれている内容がほとんど自分に当てはまるので。。。

そんなわけで(これも得意かも…笑)、alt と title ですが、 alt は必須項目となっていますし、めぐ味屋でもその様にしてきたので、今後もそのようにしていくわけですが、title は必須とはなっていません。。。
でも、自分の環境がISDNなので、ページが重たくて表示が困難な時、画像を非表示にして閲覧することもあるのですね。そんな時、alt があれば確かになんとなく様子はわかるのですが、でも例えば、画像がすごくちんまい時、alt では読み取れない時があるのです。そんな時には、ツールチップが表示されると、とても助かると思ったので、今後めぐ味屋は 画像をページに置く際には、alt の他に tltle もつけるようにしたいと思いました。。。
また、title は色んな要素に使えるようです。。。上手に使って訪れてくれるヒトに優しいページにしたい…。

 # 文字の部分にtitle を使っています(マウス載せてみてね) #

追記:
同「のブログ」内の「お目だるいオオカミさん」が「ツールチップを活用しよう!」でリンク<a ref="">を使った「title」の使い方を説明して下さっています(めぐ味屋、説明手抜き…?汗笑…)