2005年08月01日
XML
カテゴリ: バカネコPC講座
バカネコ村の記事を検索する

これは、通常、<img>タグの中に、alt="○○" を仕込むことで実現する。
ところが、まれに、これが出現しないことがある。

リンクを張った画像に、alt属性を設定したけど、
出てこなかったという話を聞いた。
Macの場合、こういうことがあるらしい。 

そこで、本日のバカネコ講座は、alt属性以外のポップアップ方法。
もちろん、楽天日記でも使えるワザである。

画像に、alt属性を指定すると、その内容が小さなポップアップとして
数秒間表示される。

 こんな感じ ↓

 例文 ↓
<img alt= "■ここに説明文を入れる■" src="URL">


これは、もともとは、何かの理由で画像が表示されない場合に備えて、
画像の代わりに表示させるテキストだ。
あるいは、画像非表示設定のブラウザとか、テキストブラウザのためのものである。
ポップアップが目的なのではない。

だが、こんなシャレた機能を使うなと言うのは、殺生だ。
これが使えない、もしくは表示されない場合はどうしたら良いだろうか。

この場合、<img>タグの中に、title="○○" というように、title属性を仕込んでやれば
同じ効果が得られる。
 例文 ↓
<img title= "■ここに説明文を入れる■" src="URL">



ただ、これらのタグの意味は異なる。
altは画像が表示できない場合に、代わりとして表示するテキストであり、
titleはその名の通り、そのタグが何であるかを示す表題である。



では競合したら、つまり、両方とも仕込んだら、どうなるだろうか?
興味のあるところであるが、これはtitle属性が優先されることになっている。
実験してみたところ、両方表示されることはなかった。


このtilte属性は、<a>タグの中にも、設定できる。
見た目の効果は、alt と同じである。
Macでは表示できないとあきらめていた方、ちょっと耳寄りなテクではあるまいか。

さらに、このtitle属性は、設定できるタグは他にもある。
たとえば、<table>タグや、<p>タグにも設定できるのだ。
ただし、<p>タグに title属性をつけると、楽天の場合はエラーになる。

楽天で使えるタグは、 ヘルプ に記載されているが、
この中で、title属性を探してみるのもよかろう。



つまり、画像でなくとも、テキストリンクやテーブルにまで
ポップアップメッセージが付けられるということなのである。
これで、ちょいとばかし、応用が利くようになったかな?

【本日のまとめ】
1.<img>に、alt属性を仕込むと、テキストをポップアップできる。
2.alt属性が使えない時は、title属性でも代用がきく。
3.title属性は、いろいろなタグの中に、設定が可能。



【次回の予告】
 何やろうかな...
 Windowsの「ペイント」で、肉球スタンプのお絵かきでもしましょうか?

【トド短信】
 ニャンプレート(仮名)を無償配布すると言ったら、その反応の多いこと!
 このソフトは、自分の日記から設定データを採取するだけなので、
 特にふだん使うツール、というワケじゃないんですけどね(笑)
 設定データなんて、1回とったら、その後は当分いらないし...


【ダウンロードページ】
・楽天日記専用バックアップツール、バーニャン3号のサンプル版、
 「バーニャン・ミニ」のダウンロードは こちら。
・にゃんタグのサンプル版は、 このページ の中段付近。
・バカネコ・ビューアのダウンロードは ここ。

※バーニャン3号は値上げするかもしれません。 お求めはお早めに。

1日1票! ブログランキング↓
ぜひ、クリックしてね



※バカネコ講座では、安全な方法を選んで紹介していますが、
 途中でわけがわからなくなっても、責任は負えませんので、あらかじめご了承下さい。


ネコでもわかるPC講座はこちら →  バカネコ講座


悲惨なキャンセル事情 バカネコ講座 バカネコソフト バカネコ村 爆笑ガイド 猫砂の研究 パソコン購入費用の削り方 現物の投下位置 ずぼらなアクセスアップ ページを読みやすくする方法 バーニャン・ミニ 楽天日記のバックアップ にゃんこのコスプレ テキストリンク下線の消し方 楽しめるアフィリ 己を知れ 自分のPCを知る バカネコ・ビューア バーニャン3号 にゃんタグ・フルバージョン 文字カウンタ 【楽天トラベル】


画面右上「日記リンク追加」をクリック、「◎追加する」ボタンを押すとこの日記がリンクできます。
このサイトの新着記事の通知をご希望の方はご利用ください。





お気に入りの記事を「いいね!」で応援しよう

最終更新日  2005年08月01日 18時17分40秒
コメント(18) | コメントを書く


■コメント

お名前
タイトル
メッセージ
画像認証
上の画像で表示されている数字を入力して下さい。


利用規約 に同意してコメントを
※コメントに関するよくある質問は、 こちら をご確認ください。


Re:alt以外のポップアップ(08/01)  
MIE@VP  さん
><a>タグの中にも、設定できる
ホント!?いいこと聞いちゃった♪
ぜひ試してみます☆ (2005年08月01日 18時44分27秒)

Re:alt以外のポップアップ(08/01)  
bashiまま  さん
テキストリンクやテーブルにもつけることができるなんて面白そうですね。
こんど(今日ではなく)やってみよう。

altの置き場所は違ってもいいんですよね?src="URL"の後でも。 この順番って(優先順位?)あるんでしょうか? (2005年08月01日 18時55分39秒)

Re:alt以外のポップアップ(08/01)  
にゃるほど・・・
なんだか面白そう・・・。

肉球スタンプのお絵かき、楽しみです。
(2005年08月01日 20時38分18秒)

知りませんでした  
TAXI-DRIVER  さん
いろいろ試してみようかにゃー
(2005年08月01日 21時08分19秒)

MIE@VPさんへ  
海獣トド  さん
>><a>タグの中にも、設定できる
>ホント!?いいこと聞いちゃった♪
>ぜひ試してみます☆

にゃはは! マジメに出席してると、いいことあるでしょ?

(2005年08月01日 21時48分09秒)

bashiままさんへ  
海獣トド  さん
>テキストリンクやテーブルにもつけることができるなんて面白そうですね。

実は、テキストそのものにも、つけられるんです。(笑)
【本日のまとめ】のところを、ポイントしてみてください。

>altの置き場所は違ってもいいんですよね?

かまいません。

>src="URL"の後でも。 この順番って(優先順位?)あるんでしょうか?

競合しない属性の場合は、ないみたいです。

(2005年08月01日 21時50分47秒)

ねこの肉球☆さんへ  
海獣トド  さん
>にゃるほど・・・
>なんだか面白そう・・・。

簡単でしょ?

>肉球スタンプのお絵かき、楽しみです。

うーん。 匂いが気になる...って?

(2005年08月01日 21時51分36秒)

TAXI-DRIVERさんへ  
海獣トド  さん
>いろいろ試してみようかにゃー

やったんさい(笑)

(2005年08月01日 21時52分00秒)

Re:alt以外のポップアップ(08/01)  
辻上 裕子  さん
他の人のコメント読んでからでないとトド村長へのコメントは書けませんからね♪
同じ質問ばっかりじゃ悪いし~♪(気配りもできる麗しの29歳美人エステシャン)

トド村長はコメントにも丁寧に答えを書いていてくれるので、いつもホントに助かります♪
ところで。投票場にミルノに噛むように煽ってませんでしたか~?(疑いの眼差し) (2005年08月01日 22時45分36秒)

辻上 裕子さんへ  
海獣トド  さん
>気配りもできる麗しの29歳美人エステシャン

でた~! 自称「美人」

>ところで。投票場にミルノに噛むように煽ってませんでしたか~?(疑いの眼差し)

え? にゃんのことかにゃ~?

(2005年08月01日 23時01分18秒)

Re:辻上 裕子さんへ(08/01)  
辻上 裕子  さん
海獣トドさん
>>気配りもできる麗しの29歳美人エステシャン

>でた~! 自称「美人」

いいえ~。ワタクシ謙虚ですもの♪自他共に認める美人ですのよ♪(^m^)
多分アフリカ大陸のどこかではきっと。ええ。(T^T) (2005年08月01日 23時09分29秒)

Re:alt以外のポップアップ(08/01)  
Bisque  さん
(*^。^*)知りたかった事が、
    バチッと書いてありました。

(#^.^#)v試してみます♪モヤっとが晴れて、
    なんかうれし~感謝多謝。     (2005年08月01日 23時15分24秒)

辻上 裕子さんへ  
海獣トド  さん
>いいえ~。ワタクシ謙虚ですもの♪自他共に認める美人ですのよ♪(^m^)
>多分アフリカ大陸のどこかではきっと。ええ。(T^T)

ほじゃき、そげぇ泣きながら、強調せんでもええちこ。
なんか、ひーじぃごたるで?

(2005年08月01日 23時48分01秒)

Bisqueさんへ  
海獣トド  さん
>(*^。^*)知りたかった事が、
>    バチッと書いてありました。

グッド・タイミングね!

>(#^.^#)v試してみます♪モヤっとが晴れて、
>    なんかうれし~感謝多謝。    


やってみてね!

(2005年08月01日 23時48分46秒)

Re:alt以外のポップアップ(08/01)  
朱のANTARES  さん
予習も兼ねて前回の記事をソースで見ていたので、titleタグには気付きましたけどまさか色々と使えるとは。
これで経験値10獲得(笑)
(2005年08月02日 02時30分31秒)

朱のANTARESさんへ  
海獣トド  さん
>予習も兼ねて前回の記事をソースで見ていたので、titleタグには気付きましたけどまさか色々と使えるとは。

にゃはは!
意外だったでしょ?

(2005年08月02日 12時40分19秒)

Re:alt以外のポップアップ(08/01)  
alice liddell  さん
にゃるほろ~~。<a>の中にも仕込めるのですね~。全然知りませんでしたがな・・・ (2005年08月02日 12時56分21秒)

alice liddellさんへ  
海獣トド  さん
>にゃるほろ~~。<a>の中にも仕込めるのですね~。全然知りませんでしたがな・・・

知っておくと、いつか役立つかも?(笑)

(2005年08月16日 13時36分26秒)

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

PR

バックナンバー

2025年05月
2025年04月
2025年03月
2025年02月
2025年01月

プロフィール

海獣トド

海獣トド

コメント新着

海獣トド @ Re:意外な一面に触れて。(08/14) 泡雪さんへ >マザーテレサって本当にす…
海獣トド @ うめぼしがキラリ☆さんへ >ひゃー、ブログさぼってる間にトドさん…
海獣トド @ 鵜の岬さんへ >これからも・・ヨロシク・・ね こち…
海獣トド @ sshijimisanさんへ >でも、トド様のおかげで少しの村民は救…
海獣トド @ もぐらのこさんへ >日記の下書き機能残ってるよ(^-^) …
海獣トド @ archfelisさんへ >せめて12日一杯残せばいいのに・・・…

© Rakuten Group, Inc.
Create a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: