掲示板/総合質問板/過去ログ/一覧/ オンマウスで説明

0 名前： ちさと ： 2006/09/12（火） 07:53 ID:nO73oqcl: 文字の上にカーソルを置いたら出てくる文字ってどうやれば良いんですか？？

1 名前： カヅサツ ◆ThCi95HEzw ： 2006/09/12（火） 07:53 ［URL］ ID:O5hEMlpW

要素の補足説明のためならば、title属性が良いです。

<p><dfn title="Macintoshユーザー">マカー</dfn>。<acronym title="North Atlantic Treaty Organization">NATO</acronym>。</p>

Windows IE などでは、補足説明をツールチップで表示します。

2 名前： ちさと ： 2006/09/12（火） 07:53 ID:nO73oqcl: ちなみにリンク文字なのですが、このタグで大丈夫ですか？？

3 名前： ちさと ： 2006/09/12（火） 07:53 ID:nO73oqcl: こんなタグつかてﾏｽｰ。

<a href="【ﾘﾝｸ先url】" target="gallery_main" style="text-decoration:none">■</a><br>

4 名前： カヅサツ ◆ThCi95HEzw ： 2006/09/12（火） 07:53 ［URL］ ID:O5hEMlpW: > ちなみにリンク文字なのですが、このタグで大丈夫ですか？？

はい。title属性は、(body要素の子要素になるものなら)ほぼどんな属性にも適用できます。

5 名前： ちさと ： 2006/09/12（火） 07:53 ID:nO73oqcl: ﾄﾞｺにどう入れればいいんですか？？

すいません。なんの知識もないので…

6 名前： シオン ： 2006/09/12（火） 07:53 ID:vzZsXNHC: >>３の中にtitleをそのまま入れましょう。

　でもmacだと表示されないですよ。それと数秒で消えてしまいますからご承知の上で。

どこかのサイトを見てそうしたいと思ったのでしょう？
そう言う時はそのページのソースを拝見させて貰って真似してみると段々分かってきますよ。
以後はちょっとそういうこともしてみましょうね。

7 名前： K+S ： 2006/09/12（火） 07:53 ID:nROqylMa

タグの基本構造を説明します。

<要素名>内容</要素名>

が要素の基本系です。

<要素名 属性名="属性値">内容</要素名>

が属性を持った要素タグの記述です。

要素によって、持てる属性が決まっています。
a要素は、href属性やtarget属性を持つことができるので、

<a href="/index.html" target="_blank">トップページ</a>

のように記述できます。

◆ title属性は共通属性や一般属性といわれ、>>4でも仰られていますが、ほぼ全ての要素が持つことのできる属性です。

タグの中では、属性の順序は自由です。

<a href="【ﾘﾝｸ先url】" target="gallery_main" style="text-decoration:none">■</a>

<a target="gallery_main" style="text-decoration:none" href="【ﾘﾝｸ先url】">■</a>

は全く同じ意味を成します。

今回、a要素にtitle属性を付けたいということなので、

<a href="【ﾘﾝｸ先url】" target="gallery_main" style="text-decoration:none" title="説明の文章など">■</a>

<a title="説明の文章など" href="【ﾘﾝｸ先url】" target="gallery_main" style="text-decoration:none">■</a>

<a href="【ﾘﾝｸ先url】" target="gallery_main" title="説明の文章など" style="text-decoration:none">■</a>

といったように好きなところにtitle属性を加えてください。

ただし、次のような記述はダメです。

<a href="【ﾘﾝｸ先url】" target="gallery_main" title="説明の文章など" style="text-decoration:none" title="更にtitle属性">■</a>

同じ属性を複数記述することはできません。

しかしながら、>>6でも仰られていますがtitle属性は、オンマウスで文字（ツールチップ）を表示させるものではありません。
一般的なブラウザでそのように表示されるというだけですので、確実に表示させたいのであればJavascriptや複雑なスタイルシートを用いることになるかもしれません。

8 名前： K+S ： 2006/09/12（火） 07:53 ID:nROqylMa: ちなみに、今読んでいるこの文章の↑にあるIDの右側の文字列が、title属性を持ったa要素そのものです。

9 名前： ちさと ： 2006/09/12（火） 07:53 ID:nO73oqcl: 解決しました！
みなさん本当にありがとうございました！！