リンクを別窓で開く

スポンサーリンク


知ってる人が多いでしょうが、敢えてショートネタ。
リンクを別窓で開く方法。

ふつうのリンク 例:ここにブログの名前を入れます(戻ってくるならブラウザの「戻る」で)

<a href=”URL” title=”リンク先のタイトル(なくても動く)“>リンクの文字</a>

別窓で開くリンク 例:ここにブログの名前を入れます(別窓が開く)

<a href=”URLtarget=”_blank” title=”リンク先のタイトル“>リンクの文字</a>

ブログランキングなどが、別窓で開いて欲しい時はtarget=”_blank”を追加。
別窓が開いてウザい時は、target=”_blank”を削除。


関連コンテンツ

スポンサーリンク

「リンクを別窓で開く」への7件のフィードバック

  1. こんばんわ。
    意味がわからなかったのですが、クリックしたら理解できました。

    メモメモさせていただきます。

  2.  度々すみません・・

    ↑のタグを入れてある枠は 引用ですか?

    ファンブログの引用は 使い方がわからないのですが・・

    教えていただけますか   m(__)m

  3. スタイルシートに自分で書きました。
    div.code{
    padding:1em;
    border:1px solid #00f;
    background:#eff;
    }
    .blue{
    color:#00f;

    }
    .red{
    color:#f00;

    }

    <span class=”blue”>ふつうのリンク</span> 例:<a href=”http://fanblogs.jp/ayzfqir5/” title=”ここにブログの名前を入れます”>ここにブログの名前を入れます(戻ってくるならブラウザの「戻る」で)</a>
    <div class=”code”>&lt;a href=”<span class=”red”>URL</span>” title=”<span class=”blue”>リンク先のタイトル(なくても動く)</span>”&gt;<span class=”blue”>リンクの文字</span>&lt;/a&gt;</div>
    <span class=”blue”>別窓で開くリンク</span> 例:<a href=”http://fanblogs.jp/ayzfqir5/” target=”_blank” title=”ここにブログの名前を入れます”>ここにブログの名前を入れます(別窓が開く)</a>

    <div class=”code”>&lt;a href=”<span class=”blue”>URL</span>” <span class=”red bold”>target=”_blank”</span> title=”<span class=”blue”>リンク先のタイトル</span>”&gt;<span class=”blue”>リンクの文字</span>&lt;/a&gt;</div>

  4. エンティティとは 特殊文字の事ですね

    それなら 理解できました。ちょっと面倒ですね・・笑

    スタイルシートに書き加えると 上のような引用の枠が作れるのですね。

    ちょっと 不安だけれど 挑戦してみたいです

  5. 出来ました(^^♪

    次回 何かの時に使ってみます。

    ありがとうございました。

    ところで ファンブログの引用はどういう時につかうのかしら・・??

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください