はじめに
通常、aタグで作成したリンクをクリックすると、
別タブを開かずに現在のタブでページを開き遷移してしまう。
本記事では、リンクをクリック時に新しく別のタブでページを開く方法を紹介する。
対象の方
- タイトルに興味を持った方
- リンクをクリック時に別タブで開く方法を知りたい方
ソース
以下のaタグ部分に記載しているように、
target属性に"_blank"を指定することで別タブを開けるようになります。
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 現在のタブでページを開いてしまう -->
<a href="hogelink">ほげほげ</a>
<!-- 新しいタブでページを開くことができる -->
<a href="hogelink" target="_blank" >ほげほげ</a>
</body>
</html>