タブとは何か?
タブとはドキュメントを切り替えて表示するためのGUIウィジェットである。一般的には長方形のボックス中にテキストラベルを表示する形で画面上部に表示され、タブの選択により管理するドキュメントを切り替えて表示させる仕組みとなっている。
wikipedia
https://ja.wikipedia.org/wiki/%E3%82%BF%E3%83%96_(GUI)
<!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="javascript:window.open('sample2.html','','')">開く</a>
</body>
</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>
<div class="top">
新しいウィンドウ
<!-- !ウィンドウを閉じる -->
<a href="javascript:window.close()">閉じる</a>
</div>
</body>
</html>
なんとHTMLにワンライナーでの記述で完了です。
<a>
タグに javascript:window.open('sample2.html','','')
記述します。
`window.open` **windowオブジェクトとはJavaScriptにあらかじめ用意されてるオブジェクトで、JavaScriptを何も書いてない状態でもwindowオブジェクトは利用する事が出来る。** >windowオブジェクトについて https://developer.mozilla.org/ja/docs/Web/API/Window
('sample2.html','','')
1つめがファイル名、2つめがウィンドウ名、3つめがプロパティが入ります。
簡単に記述できますね!
しかし、プライバシポリシー等で使用するケースは多いですよね!
是非開発の使ってみては?