コメントを表示するタグ

質問

よくＣＧ系サイトをまわっていると見るのですが、一覧のページ並んでいる小さい画像をクリックしようとマウスカーソルを合わせると、時々小さい黄色い枠が横に出てきてコメントが表示されますよね。それを自分のページにも使いたいと思うのですが、どのような用語で検索してよいのか分かりません。ご存知の方、よろしくお願いいたします。

回答No.4

RAPTsong · ベストアンサー

title属性は、通常の文字列でも使用できます。
title属性は一般属性なので、多くのタグと共に使用可能です。

<p>ネスケ6かIE4.0以降の場合、title属性で<span title="この部分がツールチップ表示される">ツールチップ表示</span>されます。

上記で「ツールチップ表示」の上にマウスカーソルを当てると、ツールチップが表示されます。

ちなみに私も普段、秀丸エディタでHTML手書きしています。
# マクロである程度自動化していますが。

とほほさんのサイトは重宝しています。

参考URL：

http://tohoho.wakusei.ne.jp/html/attr/title.htm

補足

ありがとうございます。さっそくやってみたんですが、＜ｒｕｂｙ＞と組み合わせて使ったら改行されてしまいました。これは仕様でしょうか…？

回答No.5

RAPTsong

<p><ruby title="TOOL TIP"><rb>紫陽花</rb><rp>(</rp><rt>あじさい</rt><rp>)</rp></ruby>が咲いてます。

できましたが…

当方、Windows2000sp4/IE6sp1 です。

一体どんなタグを書いたのでしょうか。
タグの書き方が単に間違っているだけかと思われます。

<a title="...">
<img title="...">
<span title="...">
<div title="...">
<ruby title="...">
のように、属性として記述すればいいのですが、何か勘違いをされていませんか？

参考URL：

http://tohoho.wakusei.ne.jp/html/ruby.htm

お礼

その通りでした。ご指摘通り直したら、ちゃんと表示されました。ありがとうございました。

回答No.3

UKY

<img> タグで title 属性を設定すると(一般的なブラウザでは)それがポップアップ表示されます。

例えば、
<img href="画像のURI" title="画像の説明" alt="">
のように書きます。

title属性ではなくalt属性にポップアップさせたい文字を書く人が多いですが、それは間違った使い方なのでやめましょう。(もじらのようにaltをポップアップしないブラウザもあります)
ただしalt属性そのものは書く必要があります。

なお、title属性はimg要素に限らず他の多くの要素でも使えます。

HTML の編集の仕方が分からん(or私の回答の意味がわからん)という場合は、現在 Web ページを作成している方法(使っているソフトとか)を補足すればよりよいアドバイスがもらえると思います。

補足

ありがとうございます。実はソフトを使っていないので、知識は全て、ｗｅｂ上で公開されているタグ講座からですので、このようにたまに分からなくなる事がありますので、このサイトにお世話になってしまいます(^_^;)
　ついでにもう１つ訊きたいのですが、ｉｍｇ要素に限らないとありましたが、それは例えば文書でもよいのでしょうか。例えば単語にカーソルを当てたらその説明や定義が表示されるという風にはできないのでしょうか。
　よろしくお願いします。

回答No.2

Tsukasa0215

<img>タグのalt属性で指定します。

例：
<img src="画像URL" alt="画像の説明">
この場合、画像にマウスカーソルが重なると"画像の説明"が黄色い枠内に表示されます。

お礼

ありがとうございました。大変参考になりました。

回答No.1

RAPTsong

それは、HTMLのALT属性（代替テキスト）です。

この属性の本来の役割は、画像が読み込まれるまでの間、その画像の代わりに、その場所に表示する文字列を指定します。

<img src="mikeneko.jpg" alt="三毛猫の写真です。">
などといったように使用します。

参考URL：

http://tohoho.wakusei.ne.jp/html/img.htm

お礼

ありがとうございます。