• PCとスマホと英語と古文書のお話
  • このエントリーをはてなブックマークに追加
  • SumoMe
  • このエントリーをはてなブックマークに追加

ipad2

↑iPad2 ↓ iPhone4, iPodTouch

ipodtouch

3つの画像にそれぞれ違った画像のタグを入れたみました。
クイズ 
以下のブラウザでマウスを画像にのせた時、画像説明が見えるのはどれですか?
その違いは何か?
1. IE8,orIE9と
2. その互換表示
3. Firefoxと4. Chromeは同じだったと思います。
ヒントはソース

間違っているかも知れません。 答えは明日 
                       by.藤井恒男

Facebook コメント


コメント一覧

返信2011年9月21日 5:52 AM

たくみの里のふく24/

おはようございます。 ハ~イ、先生、全然わかりませ~ん(^^ 2,3日前の真理子先生のaltの質問の時から、 ???が脳内を支配していました(そのままにして 時は流れる 汗;) 明日の解答を楽しみにしております :-o

    2011年9月21日 8:43 AM

    藤井24/

    たくみの里のふくさん、お早うございます。 >2,3日前の真理子先生のaltの質問の時から 小林先生の答えを待っています。(*^-^) 京丹後市は避難勧告も出ています。 皆さんの所はどうですか? いつも、ありがとうございます。

返信2011年9月21日 6:52 AM

京丹後のおやじです24/

おはようございます 自信をもって「全くわかりません」(^^;

    2011年9月21日 8:52 AM

    藤井24/

    京丹後のおやじさん、お早うございます。 山下さんのライブドアのブログで 写真の上にマウスを持って行っても altタグの説明が見えないのです。 山下さんはご自分で見えていますか? その話をしています。

    2011年9月21日 5:42 PM

    藤井24/

    京丹後のおやじさん、こんにちは。 吉野さんと同様に、IE9の互換モードを押さないと写真の上の説明が見えません。 ライブドアのブログもソースをみて、alt="" の後ろに半角スペースを開けて title=""と付けて下さい。 そうすれば、最新のブラウザでも表示されます。

返信2011年9月21日 7:54 AM

伯爵24/

SEO的にいうと画像のALTは丹後ではなく いえ、単語ではなく、文節の方がいいと思います

    2011年9月21日 8:55 AM

    藤井24/

    加藤先生、お早うございます。 altタグは単語ではなくて、文節ですね。 わかりました。 firefoxで先生のブログで画像の説明が表示されていますか? いつも、ありがとうございます。

返信2011年9月21日 9:16 AM

理系G24/

京丹後の藤井さんおはようございます! ソース見てみました。 altとtitleですか? Chromeでは、altがダメなようですね。 1番目と2番目の画像のみ表示されました。 教えていただいたIE Tab Multiでも同様の結果でした。 自分の想定していたのと違う表示がされると困っちゃいますね。 それが、自分のPCでは正常でも、他人のPCでは異常だとなおさら。 私のブログも、なぜか画像表示されない事が多く、困っていました。 ようやく原因究明。またブログネタです。

    2011年9月21日 1:39 PM

    藤井24/

    理系Gさん、こんにちは。 正解なので、スルーしよかと思っていました。(*^-^) いつも、ありがとうございます。 ちょっと分からないところもあるのですが・・・ まあ、よしとしましょう。

    2011年9月21日 5:22 PM

    理系G24/

    ちょいちょいチェックしてたのがバレバレですね(^_^;) 他の人のコメントも気になっていました。 htmlを勉強したのはかなり昔。 altしか記憶にありません。 titleも昔からありましたか? 最近の話が出ると、全くわかりません・・・ そして、音声説明というのも、読んで思い出しました。 正しいhtmlを書こうとして、頑張りすぎて疲れた記憶も思い出しました(^_^;)

    2011年9月21日 5:33 PM

    藤井24/

    理系Gさん、こんにちは。 >altしか記憶にありません。 >titleも昔からありましたか? はい、一昔前からありました。 私はそのころからfirefoxを使っていたのでよく知っています。 IEでは表示しても,firefoxではダメだったんです。 何故その頃から、firefoxを使っていたのかと言えば 初心者がIEで、パソコンに詳しい人は、マニアックな人はfirefoxを使うと本に書いてあったので(*^-^) いつも、ありがとうございます。

返信2011年9月21日 10:26 AM

溶射屋25/

京丹後の藤井さん こんにちは! >以下のブラウザでマウスを画像にのせた時、画像説明が見えるのはどれですか? 藤井さん、すみません・・・・僕では理解度が足りないので内容が良く分からないです。 >ヒントはソース 「そ~すか」というおやじギャクをぶちかましておきます\(^o^)/

    2011年9月21日 10:42 AM

    藤井25/

    溶射屋さん、こんにちは。 京丹後は警報が出ています。 >「そ~すか」というおやじギャクをぶちかましておきます ギャグをぶちかましておきながら ご自分は分からないと言いながらクリアしている 知らず知らずの間に、出来ていますよ (*^-^) 理由は↓   いつも、ありがとうございます。 firefoxより

返信2011年9月21日 10:42 AM

甲州市学習塾のこばやし25/

こんにちは 1番だけ表示されませんでした 理由はサッパリわかりません(・・;) 藤井先生の解説を待っています♪ sleipnirでも、ちゃんと表示されました IEはますます使う機会が少なくなっています(^^)

    2011年9月21日 4:27 PM

    藤井24/

    小林先生、こんにちは。 画像挿入するときの altタグだけではダメということです。 明日、ブログに書きます。 いつも、ありがとうございます。

返信2011年9月21日 12:11 PM

megane25/

こんにちは、分かりませんが、IEは表示されないのですね、その互換表示って? sleipnirは表示されてます、真理子先生が仰るように、あとは明日の回答待ち。

    2011年9月21日 4:31 PM

    藤井24/

    川口さん、こんにちは。 溶射屋さんのブログを見て下さい。 ちゃんと写真の上に説明が見えます。 溶射屋さんは、私と同じで Windows Live Writerを使っています。 そのソフトにはちゃんとあるのです。明日のブログで分かると思います。 私は Windows Live WriterでWordpressに書いている。 溶射屋さんは Windows Live Writerを使ってMovable Typeに書いているのです。 いつも、ありがとうございます。

返信2011年9月21日 1:02 PM

Take24/

現行でも、IE8(WinXP),IE9(Win7)で altタグは画像説明表示されますね。 Google ChromeとFirefoxでは、以前から altタグは非表示です。 また、↑の画像は、titleタグによって画像説明が表示状態にしてあります。 ちなみに、titleタグはGoogle ChromeやFirefoxでも表示可能です。 それから、altタグはSEOにも有効なもののひとつと言われていますが、 本来はユーザビリティの観点から画像を音声説明する場合の専用タグです。 ですから、altタグは見せるためのものより音声説明のためのものなのです。

    2011年9月21日 2:08 PM

    藤井24/

    Takeさん、こんにちは。 詳しい解説ありがとうございます。 今後とも宜しくお願いします。

    2011年9月22日 12:37 AM

    Take25/

    PS,コメント内容の一部修正しときます。 (^v^)    altタグ ⇒ alt属性、    titleタグ ⇒ title属性    それから、title属性は、aタグ(リンクタグ)にも使えます。    Facebookページ(iframe)情報

    2011年9月22日 12:41 AM

    Take25/

    藤井さん、こちらこそよろしくお願いします。

    2011年9月22日 5:18 AM

    藤井24/

    Takeさん、お早うございます。 修正ありがとうございます。 今後ともよろしくお願いします。

返信2011年9月21日 1:04 PM

Take24/

↑のコメント投稿は私ですw

返信2011年9月21日 3:34 PM

コドモト24/

こんにちは^^ はい、今日も日本語がわからなくなっております。 みなさんのコメントを読んでも…(-_-;) でもこうして読んでいるだけで、 いつかはきっとわかる日がくると信じています! 藤井さん、いつもありがとうございます^^

    2011年9月21日 4:25 PM

    藤井24/

    コドモトさん、こんにちは。 今日の私のブログは ブログの写真の上にマウスを持って行っても 説明が見えないということです。 溶射屋さんの綺麗なコスモスにマウスを合わせると「コスモス」と 説明が出ますね。その話です。 Movable Typeで写真を挿入する時、どこかにその設定があるはずです。 無ければ、手入力です。 いつも、ありがとうございます。

返信2011年9月22日 3:48 AM

吉野聡建築設計室24/

おはようございます      以前の私のブログ(朝食シリーズ)の時に起こった問題ですね!!! 答えがきになります。 原因の確認で、これからの対策に繋がります。 いつも素敵な情報を有難う御座います。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です