• 締切済み

HTMLタグ ALTの使い方

わたしはURLの後に...jpg" borde="0" alt="説明文"></a>と記入して画像にカーソルを載せた時、文字が出るようにしているのですが。 border="0"は画像の周りの青枠を除くため入れます。 blogを見てくれている方の中に、説明文が見えないという質問がありましたが、わたしのタグの使い方が、違うのでしょうか。

みんなの回答

noname#100277
noname#100277
回答No.4

一応回答。 画像の題名を記述するなら「title属性」。 altは画像が表示されない場合、其処に何の画像が在るのかを説明する「代替テキスト」です。 コレを正確に理解しましょう。 img要素には以下の全てを記述。 <img src="" alt="" title="" width="" height="" /> XHTML記述仕様。

s-koyama
質問者

お礼

ご指導有難うございました。 title="" width="" height="" alt="文字"><border=""></A> プロのサイトのソースを見ると中には略して書かれているところもありますね、それでも説明文は表示されるので、略してもいいのかなと思っていました。 これから、気をつけたいとおもいます。 有難うございました。

回答No.3

img要素のalt属性は、文字を出すために用いるものではなく、画像を表示できない場合に、画像の代わりに表示するテキスト(代替テキスト)を指定するためのものです。 IEの場合は、画像にカーソルを乗せると、alt属性のテキストを表示しますが、他のブラウザが全てそのように動作するわけではありません。 たとえば、MacintoshのブラウザSafariでは、画像が表示されている状態ではalt属性は表示しません。 そもそも、画像の説明等は、その画像付近に普通にテキストとして表示されれば良いだけのことですので、カーソルを乗せた時にのみ説明文等を出す必要性がよく分からないのですが、もしどうしてもそのような処理が必要でしたら、No2の方がおっしゃるとおり、title属性を用いられますと、意図したとおりに表示される「可能性が高まる」こととなります。

参考URL:
http://barrierfree.nict.go.jp/accessibility/minna/point3.html
s-koyama
質問者

お礼

回答有難うございます。 altを特につけなければいけない事はありませんが、画像を加工したときに、写真の表題とは別に、加工の説明文を簡単に表示しようと言う事です。 どうもご丁寧な説明有難うございました。

  • katokundes
  • ベストアンサー率22% (492/2217)
回答No.2

ttp://webtips.agx.jp/1st_step/chap09.html alt属性とtitle属性 alt 画像が表示されない場合のテキスト title ツールチップ (ポインティングデバイスがオブジェクトの上にある際に現れる短いメッセージ) で併記しないとだめのようですね。

s-koyama
質問者

お礼

早速のご説明有難うございます。 わたしは、まだタグは良く分かりませんが。 >ツールチップ (ポインティングデバイスがオブジェクトの上にある際 に現れる短いメッセージ)  で併記しないとだめのようですね。 ING要素の属性としてalt="説明文"></a>と書けばよいと思うのですが。 どうも有難うございました、もっと、よく調べてみます。

回答No.1

関連するQ&A

  • FLASH内にHTMLタグを表示させる方法について

    FLASHで作成するファイルの中に、HTMLタグを組み込むことは可能でしょうか? 調べたところ、jpg画像は外部からでも読み込めるということですが、 同じように、HTMLタグも読み込むことは出来ないのでしょうか? 組み込みたいタグは以下のようなものです。 <A HREF="URL" target="_blank">リンク先の名前</A> <img border="0" width="1" height="1" src="画像" alt=""> ご存知の方、よろしくお願いします。

  • altタグの正しい使い方。

    タイトルなど、短い文章をgifやjpgなどの画像で作ってあるときはそのまま文章をいれますが、 長い文章を画像で見せたい場合のaltタグって、どのようにいれるべきなのでしょうか?? 困ってます…。まさか長々と文章そのままいれるわけにもいきませんよねー。

    • ベストアンサー
    • HTML
  • 検索結果の箇所にaltタグの内容が表示される

    ホームページを作成したのですが、yahooやgoogleの検索結果の箇所の説明文(metaタグのdescription部分)に、画像のaltタグの文字列が並んでしまいます。 本ページは、ほとんど画像のため、文字列はありませんが、metaタグの内容が表示されずに、altタグの内容だけが反映されるのはなぜでしょうか。 文法チェックも行いましたが、metaタグ自体は問題はなく、問題は何なのか一向に分かりません。 TOPページは検索結果にも問題なく表示されるのですが、このページだけが、サイトの説明文(description)が表示されないのは何故でしょうか。 困っております。原因を教えて頂けますと大変助かります。よろしくお願いします。

    • ベストアンサー
    • HTML
  • altタグの文字数は何文字が適当ですか?

    今、HPを作っていて、画像にはaltタグを入れています。 このaltタグは何文字ぐらいが適当でしょうか? 写真の画像で、写真の内容をaltタグで説明しようとすると 「○○○○と××××の△△△△写真」 のような感じで文字数が長くなってしまいます。 altタグにキーワードを詰め込むと検索エンジンからスパム扱い されるとの話もあり、長くなっても良いのかどうかよくわかりません。 それから、一つのページ中に、 「○○○○と××××の△△△△写真」 「○○○○と××××の△△△△拡大写真」 というaltタグを入れたいのですが、これは問題ないでしょうか? ちなみに、altタグはユーザビリティーの観点から入れるだけで、 SEO的なことは考えていません。 スパムに引っかからなければ良いと思っています。 教えて下さい。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 画像枠のタグ

    何度しても写真画像の枠ができないのですが、 枠をつけて枠の色と枠の太さを変更したいのですが。 このタグのどこが違うのでしょうか? (枠をつけて画像のサイズだけ変更している状態です↓) <img src="http://@@@@@.JPG" border=3 width="300" height="200"> <img src="http://@@@@@.JPG" width="300" height="200"border=3> 両方してみたんですが、両方共できませんでした。どこが違うのでしょか?これ↑に枠と枠の色をつけて枠の太さを調節する時はどこにどのようにタグを入れたらよいのでしょうか? 写真画像枠のタグの種類はborder=3、3のみでしょうか? 以前聞いたことがありますが、Macのブラウザー サファリでは変更しても反映されず見ることができないのでしょうか? お手数をお掛け致しますが、ご存知の方がおられましたら お知らせ頂けますととても助かります、宜しくお願い致します。

  • HTMLタグで素材画像にリンクを貼ったら…

    HTMLタグで素材画像にリンクを貼ったら、その周りを紫色の四角い枠が、その素材画像を囲んでしまいます。 この四角い枠を無くす方法は無いでしょうか? <a href="HP URL" title="コメント"><img src="画像URL"></A> こういうタグなのですが。 何か足りないタグがあるのだと思うのですが分かりません。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • タグを書き込みたい。

    みんカラでブログを書いています。 http://minkara.carview.co.jp/userid/140411/blog/ ブログを書き込むランはタグが有効になっています。 なので、下記のタグを閲覧者に説明したくてもできません。 <a href="http://minkara.carview.co.jp/society/ohakita/bbs/1280838/l10/" target="_blank"><img src="http://carview-img7.bmcdn.jp/carlife/images/bbsmsg/610780/p1.jpg" border="0"alt="オハ北会16 やっぱり朝はすがすがしい。 10月14日 08:00START"></a> タグを反映させずに書き込む方法をよろしくお願いします。

  • ALT属性に見出しタグをつけると画像がズレます。

    見出しタグをHTMLで製作後、画像とALT属性に採用すると 画像がずれてしまいます。 <img src="images/img6.jpg" alt="●●●●●●●●●●●●" width="745" height="511"> を <h2><img src="images/img6.jpg" alt="●●●●●●●●●●●●" width="745" height="511"> </h2> 以下のコーディングにすると画像がずれます。 HTMLバージョンは、DTD HTML 4.01 Transitional となります。 CSSなどで画像の位置固定をするのではなく、そのままHTML内で完結したいと考えています。 どのように変えれば良いでしょうか また、alignタグなどは、HTML4.01非推奨で使えません。 バグで探したのですが見付かりませんでした。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • alt=" "のseoについて教えて!

    画像ファイルではaltが大事であり、seoにも不可欠であると解します。 しかし、altの文字数について疑問があるので次の二つを質問します。 (質問1) 例えば商品ページにリンクする、商品を載せた画像ファイル(3cm角)の場合、altにはどの程度の説明文字数が必要でしょうか? 私が思うには、リンクすれば説明文が表示されるのでaltを省略、若しくは、10文字程度の説明文字数でいいと思うのですが、如何でしょうか? (質問2) 例えば、商品説明文を装飾の施した560pix角程度の画像ファイルで掲載した場合、altにはどの程度の文字数がseo的にいいのでしょうか? 簡単な説明文では20文字以内で完了しますし、詳細に説明するなら100文字以上の文字数でも可能でしょう。 altはテキスト文字として認識されるなら多いほうがいいように思うのですが、だからと言って詳細に入力してもバグにならないのでしょうか? altの文字数とseoについて詳しい方がおられましたら宜しくご指導願います。

  • alt属性を残してタグを排除

    こんばんは。はじめて質問させてもらいます。 $htmlという変数に、htmlタグを含んだ文字列が代入されておりまして、この文字列のタグを排除するために、strip_tags()を利用しています。 と、ここまでは問題ないのですが、変数に代入された文字列のうち、alt属性やtitle属性のように、ブラウザ上で表示させるための文字は残してタグを排除させるには、どのようにすれば宜しいのでしょうか? この$htmlですが、file_get_contents()によりhtmlソースを変数にいれているのですが、file()にて文字列を配列にして格納し、for文などで、1列ずつ検証し、タグを排除しながらalt属性などを残しながら、$text .= などのように(最後には配列ではなく、文字列として変数に残しておきたいので)すれば良いのかな?とも考えているのですが、根拠はないものの効率が悪いような気もしたり、また、alt属性やtitle属性などの中にある文字を残してタグを排除するというのが分からず、質問させていただきました。宜しくお願致します。

    • ベストアンサー
    • PHP