BLUE_SKY_BLOG(更新停止中)

更新停止中。今までのご愛顧ありがとうございます。今後は『碧き流星』をよろしくおねがいします。

【記事Tips】リンク先を表示する時は1度だけ新しいウィンドウを開く

2004-12-17 14:18:48 | BLOG
ichikenさんのおかげでリンクタグについての謎がすっきりしたので気持ちがいいっす♪これはもう皆さんにもお伝えしないといけませんね。

その経緯についてはこちら↓
リンクタグについての質問!

はい、コメントまでおよみ頂ければ、ここで説明する内容などないのですが(笑)
改めてご紹介。

皆さんはリンクをどのように設定されてますか?
gooブログの場合は編集画面の右上になんてボタンがあって、そこに、リンク先のURLと名前を入力すれば

<a href="http://blog.goo.ne.jp/">gooブログ</a>
(<>は編集の都合上全角にしています。実際には半角<>で表示されます)

となり

gooブログ

のように記事には表示されます。

で上のリンクをクリックしてもらうと分かるのですが、この記事を表示しているウィンドウにgooブログのトップが表示されます。

元の記事に戻るには、ブラウザの「戻る」ボタンで戻ってこれますが、ついリンク先のウィンドウから別のリンクへ飛んでいったりして、元の記事に戻ってこなくなったりすることもシバシバ(←これ私)

なので、オリジナルのウィンドウは残しておきたいなと思うわけです。

それではどうすればよいのかというと、先ほどのリンクタグにちょちょいとtarget="_blank"を書き足せばいいんです。

<a href="http://blog.goo.ne.jp/" target="_blank">gooブログ(新しいウィンドウ)</a>
(<>は編集の都合上全角にしています。実際には半角<>で表示されます)

となり

gooブログ(新しいウィンドウ)

のように記事には表示されます。

ためしに、上のリンクをクリックしてみてください。
今度は、新しいウィンドウが立ち上がってgooブログのトップページが表示されましたよね。

では、もう一度
gooブログ(新しいウィンドウ)
をクリックしてみてください。

さらに新しいウィンドウが開きますよね。
このtarget="_blank"というのを付け足すと、リンク先を常に新しいウィンドウで開くという命令がブラウザに下されるわけなんですね。

これで、問題は解決!!

じゃあ、ありません。

私のようにタブブラウザ(Operaなど)を使っている人は新しいウィンドウが開いても新規タブで開かれるのでそんなに苦じゃないんですけれど、普通のブラウザ(IEのことです)を使っている人の場合、バンバン新しいウィンドウが開いてしまって画面がブラウザだらけになってしまうんですよ。

メモリーの少ないPCなんかをお持ちの人はコレだけでマシンが不安定になって、場合によってはフリーズするなんてこともありえます。

んじゃあ、どうすればよいのかってことで、質問したところichikenさんが素晴らしい方法を教えてくださいました。

その方法は先ほどのリンクで登場したtarget="_blank"の「""」の中に、好きな文字をいれておけばいいんです。

それでは早速、試してみましょう。

<a href="http://blog.goo.ne.jp/" target="test">gooブログ(testという名のウィンドウ)</a>
(<>は編集の都合上全角にしています。実際には半角<>を使います)

testを入れてみました。

gooブログ(testという名のウィンドウ)

のように記事には表示されます。

では、上のリンクをクリックしてみてください。
新しいウィンドウでgooブログトップが表示されましたでしょうか?

それでは、次に、このリンクをクリックしてみてください。
BLUE_SKY_BLOG(testという名のウィンドウ)

どうでしたでしょうか?
先ほど開いたウィンドウで私のブログのトップが表示されたかと思います。

このリンクはこう記述しています。
<a href="http://blog.goo.ne.jp/blue_sky_blog" target="test">BLUE_SKY_BLOG(testという名のウィンドウ)</a>
(<>は編集の都合上全角にしています。実際には半角<>を使います)

コチラのtarget=""にもtestをいれてあるんですね。

これは、先のgooブログ(testという名のウィンドウ)を開く時にtestという名前をつけてウィンドウを開いたんですね。

それで、下のBLUE_SKY_BLOG(testという名のウィンドウ)のリンクも、testという名前でウィンドウを開くんですが、既にtestという名前のウィンドウはgooブログ(testという名のウィンドウ)のリンクをクリックした時に開いていますから、新たなウィンドウは作らず、gooブログ(testという名のウィンドウ)が開いていたウィンドウで開いたと言うわけなんです。

ちょっと書き方がややこしくなってしまいましたけど(笑)お分かりいただけましたでしょうか?

これによって、むやみにウィンドウを開くことなく、リンク先を自分の記事のウィンドウとは別のウィンドウで表示できるんです。

いいでしょ。
便利でしょ。

ということで、しばらく、私のブログでも試してみます。(時と場合により_blankも使います)




Special Thanks!! ichikenさん

ichikenさんの運営されているブログはコチラ↓
鯛が酢・おミルク


最新の画像もっと見る

4 コメント

コメント日が  古い順  |   新しい順
おはよう (テド)
2004-12-20 12:57:02
テドがこんなやり方どうするのかな?ということが

書かれている気がします(笑)

今、軽い風邪気味で頭がまわらないので、夜、もういっかい

読み直してみよう(笑)



かたぐるまの謎もだいたいわかりましたが

ルミナリエに行ったのはわかりました。



きれいなんでしょうね~~人がいっぱいでしょ

おつかれさま。
返信する
大丈夫ですかぁ~ (blue_rex)
2004-12-20 15:51:42
阪神ブロガーのつながりは強いですから。

分からないことは言って下さいね。



よってたかって助けますから。



あったかくして、お休みください。



それが治ったら、ルミナリエにお越しくだされ。
返信する
確かに便利ではあるんですが (はじめま略)
2004-12-20 21:33:54
ウインドウ名をありふれたものにしないよう注意しておかないと、たまたま開いていた別サイトのウインドウ名とぶつかって、本来期待していたものと違う動作をすることがあるのでご注意でっす。



具体的には、フレームを切ってあるサイトなんかはheaderとかmainとかbodyとかsubとか使う事が多いですが、こういう名前でtargetを書くと、別ウインドウで開いているそのサイトのフレームの部分に飛んでいってしまいます。



この辺(targetを書いていなかったり全部_blankだったい書いていたり)は、htmlを書く人によって全然違ってしまいますので、『いつも固定された1枚の別ウインドウに飛ばしたい』と考える人は、リンクのショートカットをドラッグ&ドロップしている事が多いのではないかと思いますよ♪



まあ、一度「この人は大抵target書いてる」と記憶してしまえば大丈夫なんですけどねっ。
返信する
うちはblue_skyって名前に (blue_rex)
2004-12-21 14:10:09
しましたです。



はじめま略さんに作っていただいたリンクスクリプトにちょちょいと加工を加えましたので簡単にリンク作成OKでございますよん。

返信する

コメントを投稿