2009年07月10日
同じ窓で開くリンクの HTML タグの記述を覚えよう!
ファンブログ カスタマイズ:リンク編 投稿日:2009年07月10日 01:30
リンクの豆知識と題しまして、最初のお話は「別窓で開くリンク」と「同じ窓で開くリンク」のことを説明します。
この2種類のリンクを、状況に応じて使い分けることができると、ブログを読みやすくしたり、訪問した方をナビゲートすることができますんで、しっかりと身につけちゃいましょう。(≧ω≦)b
通常のリンクは「同じ窓で開く」が基本です。ブログ内での「ブログを見る」や「カテゴリ」なんかを選択したときに貼られているリンクがそれにあたります。それに対して「別窓で開く」リンクは、見ているページ(窓)を残した状態で、別の窓でリンク先のページが表示されるってことなんですが、言葉で説明するよりも実際にそれぞれのリンクを体験してもらった方がわかりやすいので、お試しテキストリンクをご用意しました。
≫・Sitemap が別窓で開きます 別窓で開くので、必要がない場合は☒ボタンで閉じることができます。
≫・Sitemap が同窓で開きます クリックしたら、ブラウザの「戻る」ボタンを押して戻ってきてくださいね〜。
どうですか?違いがわかりましたでしょうか?同じページでも、こんな感じで指定することができるんです。
本来、この2種類のリンクを使い分けなければいけないのに、ファンブログの「リンク」ボタンでは「別窓で開く」リンクしか指定できません。リンク先を「同じ窓で開く」ように指定したい場合は、<リンク:〜>★</リンク> で囲まれた省略タグを通常の HTML タグに書き換える必要があります。
まず、別窓で開く <リンク:★リンク先のURL★>★テキスト★</リンク> の省略タグを、実際に記述されているタグに直してみます。省略タグには、このようなタグが埋め込まれています。
★リンク先のURL★の後に記述されています target="_blank"というのが、別窓で開くという命令になります。
同じ窓で開く場合は、この target="_blank" を削除すればいいので、以下のようなタグの記述になります。
いかがでしたでしょうか?単純な記述なんで覚えちゃえば直打ちでタグを記述して、URLをコピペすれば完成なんで意外とカンタンに作成できますよ。
次回は、この2つのリンクの使い分けのお話です。よろしくお付き合いくださいませ。(´・ω・`)b
※上記Htmlタグはコピー&ペーストでそのままご利用になれます。
※Htmlタグのご使用、カスタマイズにつきましては、利用者の自己責任にてお願いします。
この情報が、お役にたちましたら
≫ FC2 Blog Ranking ≪ 押していただけると励みになります
≫・Sitemap が同窓で開きます クリックしたら、ブラウザの「戻る」ボタンを押して戻ってきてくださいね〜。
どうですか?違いがわかりましたでしょうか?同じページでも、こんな感じで指定することができるんです。
本来、この2種類のリンクを使い分けなければいけないのに、ファンブログの「リンク」ボタンでは「別窓で開く」リンクしか指定できません。リンク先を「同じ窓で開く」ように指定したい場合は、<リンク:〜>★</リンク> で囲まれた省略タグを通常の HTML タグに書き換える必要があります。
・リンクを貼る
まず、別窓で開く <リンク:★リンク先のURL★>★テキスト★</リンク> の省略タグを、実際に記述されているタグに直してみます。省略タグには、このようなタグが埋め込まれています。
<a href="★リンク先のURL★" target="_blank">★テキスト★</a>
★リンク先のURL★の後に記述されています target="_blank"というのが、別窓で開くという命令になります。
同じ窓で開く場合は、この target="_blank" を削除すればいいので、以下のようなタグの記述になります。
<a href="★リンク先のURL★">★テキスト★</a>
いかがでしたでしょうか?単純な記述なんで覚えちゃえば直打ちでタグを記述して、URLをコピペすれば完成なんで意外とカンタンに作成できますよ。
次回は、この2つのリンクの使い分けのお話です。よろしくお付き合いくださいませ。(´・ω・`)b
※上記Htmlタグはコピー&ペーストでそのままご利用になれます。
※Htmlタグのご使用、カスタマイズにつきましては、利用者の自己責任にてお願いします。
【カスタマイズ:リンク編の最新記事】
この記事へのコメント