【HTML】リンクを別ウィンドウで開く方法

リンクを別ウィンドウで開きたい時って結構あるよね。
外部リンクだったり、デモを表示したり、SNSへ飛ばしたり。今回はリンクを別ウィンドウで開く方法のご紹介です。
それではどうぞ！

<a href="URL" target="_blank">別タブリンクでござる</a>

aタグの中に「target="_blank"」を追加すれば別タブで開けます。
また、別ウィンドウで開く方法はjavascriptを使います。

HTML

<a href="javascript:gozaru()">別ウィンドウリンクでござる</a>

javascript

function gozaru() {
  window.open("URL","window","width=ウィンドウの幅,height=ウィンドウの高さ");
}

HTMLでjavascriptの関数を実行して、javascriptの中は「window.open」で新規ウィンドウを表示させています。
新規ウィンドウの中身はURLを指定して、ウィンドウ幅とウィンドウの高さを指定できます。
それでは、下に別タブ、別ウィンドウリンクのデモが有りますので押して確認してみてください！

デモ