リンクを新規タブで開かせる方法(HTML)

自分のサイトに参考や引用したサイト、お勧めのサイトとして、他のサイトのリンクを貼ることがあると思うが、こういった際には自分のサイトのためにもユーザーのためにも新しいタブでリンクを開かせる方が良いだろう。

なぜ自分のサイトのために良いか。それは、自分のサイトから他のサイトにページ遷移した際に、タブとして残ることでもう一度アクセスしてくれる、覚えてくれるなど、ページビューの増加に繋がるからだ。

なぜユーザーにとって良いか。ユーザーが初めて自分のサイトに訪問したと仮定する。自分のサイトからページ遷移して「どのサイトからここにたどり着いたんだっけ?」と思ったときにタブとして残っていると便利である。しかし、リンクによって、またはユーザーによっては不快に思われるケースもあるだろう。設定する前にそのリンクに設定するのが適切か考慮する必要があるだろう。

新規タブの設定方法

方法は簡単で、aタグにtarget=”_blank”属性をつけるだけ。例として以下のコードのようにすれば良い。

<a href="ここにURL" target="_blank">ここにリンクテキスト</a>

// 例
<a href="http://monopocket.jp" target="_blank">monopocket.jp</a>

上記の例を書いたものがこれ→monopocket.jp

以上。

関連記事

リンクテキスト色の設定方法(HTML、CSS)

コメント

  • 当方設定で、_blank では新しいタブではなく「新しいウィンドウ」で開くようにしています。そういう設定だと、無駄に _blank を使われるとウィンドウが増えて迷惑です。自分の使い勝手がザ・ユニバーサルだという偏見で記事を書かないでください。

    前後しますが、この設定は、本当に新しいウィンドウではなく「同じウィンドウ内の新しいタブ」で開かせたい場合の方法にはなっていませんね。その情報がほしかっただけに残念です。

    2016年6月17日 4:08 PM| でるもんた・いいじま

  • 端的でわかりやすいです!
    ありがとうございましたー^^

    2015年8月3日 12:31 PM| mao

  • 有限公司石川Press工业所

    有限公司石川Press工业所

     

      会社名

    有限会社石川プレス工業所

     

      所在地

    本社 工場:栃木県佐野市船津川町2286-2
    tel.0283-23-0070
    大橋町工場:栃木県佐野市大橋町3200-3 
    tel.0283-21-8334
    栄町 工場:栃木県佐野市栄町14-4     tel.080-9184-7624

     

      電話番号

    0283-23-0070

     

      FAX番号

    0283-22-9007

     

      設立年月日

    昭和46(1971)年5月

     

      資本金

    4百万円

     

      売上高

    814百万円-’10年(40期)
    943百万円-’11年(41期)
    979百万円-’12年(42期)
    1116百万円-’13年(43期)

     

      業務内容

    1.自動車部品(マフラー・エアコン・ラジエター)のプレス加工、
    2.溶接組み立て・住宅用資材(積水ハウス殿)の加工、
    3.溶接組み立て・家電・事務機器・建築用部品のプレス加工など

     

      従業員数

    78名(男性72名・女性6名)(2014年1月現在)

     

      取引銀行

    群馬銀行佐野支店/栃木銀行佐野支店/足利銀行佐野支店

     

      主要取引先

    (株)CKP
    加藤鉄工(株)
    三立工業(株)
    (株)晃和
    小出鋼管(株)
    (株)特殊発條製作所
    関東鉄工(株)

     

     

    会社沿革

      1966年01月

    創業

     

      1971年05月

    設立

     

      2004年02月

    大橋町工場設立創業開始

     

      2007年05月

    ISO9001:2008を認証取得

     

      2013年09月

    荣町工厂设立创业开始

     

      2014年06月

    栃木県フロンティア企業に認証される

     

     

    2015年3月31日 7:56 PM| 石川プレス工業所

  • > あっちさん
    おっしゃる通り “_” が抜けておりましたので、訂正いたしました。ご指摘いただきありがとうございます!

    2013年11月9日 11:48 PM| 管理人

  • はじめまして。
    おそらく、”_”が抜けているかと思います。
    target=”_blank”
    こちらにしないと複数あった場合タブがすべて開かず、一つのタブを更新という挙動になりました。

    2013年11月8日 11:39 AM| あっち

コメントを残す

メールアドレスが公開されることはありません。

This blog is kept spam free by WP-SpamFree.

コメントフィード

トラックバックURL: http://monopocket.jp/blog/html/1091/trackback/