• ベストアンサー

代替テキストの活用?

いつも教えていただきありがとうございます。 表記の件。 代替テキストを設定したら、画像に少しの間表示されると あるURLに書いてあったのですが、何も変化がありません。 どうしたら反映されるでしょうか? <img src="sample.gif" alt="代替テキスト"> 御多忙中恐れいります。 ご回答のほど、宜しくお願い申し上げます。

  • HTML
  • 回答数1
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • Kaneyan-R
  • ベストアンサー率42% (1242/2891)
回答No.1

ブラウザ及びブラウザの設定に依ります。 IEだと「ALTテキストを展開する(だったかな?)」を有効にして、マウスカーソルを画像に合わせれば表示されます。 存在しない画像を指定したときなど、空枠が表示されますが、そこに通常はURLが表示されます。ALTテキストを指定しておくと、ALTテキストが表示されます。 ALTテキストは、画像表示ができないテキストブラウザや、音声読み上げなどで、そこに画像があることを認識するために用いられていますので、メニューや背景など、ページ本文意外の部分でALTテキストを設定すると、ALTテキストだらけで訳が分からなくなります。何でもかんでも設定するものではありません。

jump7799
質問者

お礼

ご回答誠にありがとうございます。

関連するQ&A

  • 画像の横にテキスト

    画像の右側にテキストを配置したいです テキストが画像の上付近から始まるようにしたのですがどんな方法が一番良いのですか? 他にも方法はありますか? <img src="sample.gif" alt="" align="top">テキスト <img src="sample.gif" alt=""style="float: left">テキスト <img src="sample.gif" alt=""style="vertical-align: top;">テキスト また、HTML5ではどんな方法がいいでしょうか? よろしくお願いします

    • ベストアンサー
    • CSS
  • ブラウザ上で「代替テキスト(alt)」を大きく表示したいのですが、どうすれば??

    ブラウザ上で「代替テキスト(alt)」を大きく表示したいのですが、どうすれば?? HTMLタグの中で、画像の代替テキスト「alt」についての質問です。 <img src="△△△△" alt="○○○○○○">でコーディングさせた場合、ブラウザ上で表示される「○○○○○○」の代替テキストの文字の大きさを「大きく」したいんですが、何か方法はありますでしょうか? スタイルシートで色々試そうとしたのですが、どうも上手くいかなくて困ってます… Windows XP、IE6.0でブラウザ確認してます。 HTML上、あるいはCSS上で制御したいと思っていますが、よろしくお願いします。

  • テキストエリアに画像URLを貼り付ける入力支援

    簡単なCGI日記を作成してますが、この入力フォームのテキストエリアに手動で画像URLのタグを入れるのが手間なので、 ↓ サーバーにある画像一覧が別窓(違うファイルから)で表示されていて(実際には画像表示ですが・・・) <a href="sample1.gif"><img src="sample1.gif"></a> <a href="sample2.gif"><img src="sample2.gif"></a> <a href="sample2.gif"><img src="sample2.gif"></a> ↓ 画像をクリックするとCGIのテキストエリア内に自動で <a href="sample1.gif"><img src="sample1.gif"></a>とタグを挿入するjavascriptってサンプルになるようなものはないでしょうか?

  • 代替文字が表示されなくなった原因は?

    画像をポイントすると、かつては代替文字が表示されていました。しかし、急にポイントしても代替文字が表示されなくなりました。原因をお教えください。 image.js → <script src="image.js"></script> は、 document.write('<img src="image.gif" alt="\nあいうえお" width="28" height="30"\n\n'); ジャバスクリプトでない他の画像の代替テキストは表示されます。 インターネットエクスプローラ6です。

  • テキストのリンクをON/OFFする

    Javascriptでテキストをクリックすると2箇所の画像を同時に変更することができたのですが、表示されている画像のテキストのリンクをはずす方法がわかりません。はじめは「ページ3+4」のテキストのみがクリッカブルで、「ページ3+4」のテキストをクリックすると、「ページ1+2」のテキストのみがクリッカブルになるようにしたいのです。表示されていない画像のテキストのみをクリッカブルにする方法をどなたか教えていただけますでしょうか? <script language="JavaScript"> <!-- function swapImg(imgfile1,imgfile2) { document.swpimg1.src = imgfile1; document.swpimg2.src = imgfile2; } // --> </script> <div><img src="sample1.gif" name="swpimg1" /><img src="sample2.gif" name="swpimg2" /></div> <div><a href="javascript:swapImg('sample1.gif','sample2.gif')">ページ1+2</a> <a href="javascript:swapImg('sample3.gif','sample4.gif')">ページ3+4</a></div>

  • テキストリンクで

    バナータグって、↓のとおりですよね。 <a href="サイトURL" target="_blank"><img src="画像URL" width="幅" height="高さ" alt="説明"></a> テキストリンクだと、<img~>のところがぬけますよね。 ですが、どうしてもテキストリンクで alt="説明" の部分をいれたいんです。 どうすれば表示されますか?? テキストリンクでは説明はでないのでしょうか?? 説明が分かりにくいかもしれませんが、よろしくお願いします。

  • オンマウスのソーステキストを投稿するとテキストが消える

    新規投稿で、以下のソースを入れ、投稿ボタンをクリックすると <img src="最初に表示される画像のURL"onmouseover="this.src='マウスオンしたときの画像URL'"onmouseout="this.src='最初の画像URL'"> ↑のテキストがなぜか<img>だけになり、写真が出てきません。 どうしてアップした画像のURLやソーステキストが消えるのでしょうか。となたかご存知の方は教えてくださると助かります。

  • HTMLで画像を囲むようにテキストを回り込ませることはできますか?

    htmlで、画像にテキストを回り込ませたいのですが、<img src="画像url" align="left">か<img src="画像url" align="right">ではなく、画像を真ん中に持ってきて下記のように左右にテキストを回り込ませることは可能ですか? テキストテキストテキスト テキスト    テキスト テキスト  画像 テキスト テキスト    テキスト テキストテキストテキスト

    • ベストアンサー
    • HTML
  • ヤプログ自己紹介

    以前にもこちらで質問させていただきました…(ρ_;) まったくの初心者でわからないのですが自分で色々と調べたのですか…どうしてもわかりません。 ヤプログの自己紹介に写真を載せたいのですが…ヤプログの『自己紹介に画像を載せるとき』を読んだのですがわかりません。 <img src="■画像のURL■" width="■画像の幅■" height="■画像の高さ■" border="0" alt="■代替テキスト■"></div> とありませが…<img src="">で画像を載せるというのはわかるのですが…そもそも画像のURLっていうのがまったくわかりません。 パソコンのマイピクチャの中にはいってる画像を使いたいのですがどこ探してもURLがありません。。 わかる方いたら教えていただけたらありがたいと思います。

  • リンクのスタイルをテキストと画像を別々にするには?

    リンクのスタイルの設定で詰まってしまい困っています。 テキストと下線部分にpaddingを入れたいため、text-decorationではなくborderで下線を設定しています。 このような場合、 画像のみborderを消し、テキストのみにborderを適応させることは可能でしょうか? <a href="#"><img src="hoge.gif"></a><a href="javaScript..." >テキスト</a>のように書けば簡単なのですが、挙動が望んでいたものと違ってしまうため、<a href="javaScript..."><img src="hoge.gif">テキスト</a>のままでお願いします。 (自分でjsが書ければ解決しそうな気もしますが…残念ながらjsは借りてきたものです) サンプルでもう少し詳しく説明しています。 http://imaichie.web.fc2.com/sample.html

    • ベストアンサー
    • HTML

専門家に質問してみよう