[解決済み] リンクが新しいウィンドウ(タブでない)を開くようにする [重複]。
質問
javascriptを使わずに、リンクが新しいブラウザウィンドウ(タブではない)を開くようにする方法はありますか?
解決方法は?
ピュアHTMLで すべてのモダンブラウザ(=ユーザー)は、この動作を完全に制御することができます。なぜなら、過去に多くの誤用があったからです。
HTMLオプション
新しいウィンドウ(HTML4)または新しいブラウジングコンテキスト(HTML5)を開くことができます。最近のブラウザのブラウズ・コンテキストは、ほとんどが "new window" の代わりに "new tab" になっています。これには何の影響力もありませんし、新しいウィンドウを開くようにモダンブラウザを強制することもできません。
これを実現するためには
アンカー要素
の属性
target
[1]
. 探している値は
_blank
[2]
.
<a href="www.example.com/example.html" target="_blank">link text</a>
JavaScriptオプション
新しいウィンドウを強制的に表示するには、javascriptを使用します。 Ievgen氏の素晴らしい回答は以下の通りです。 をクリックすると、Javascriptで解決できます。
(!) ただし、javascriptでウィンドウを開くと、(アンカー要素のonclickイベントで行われない場合)ポップアップブロッカーによってブロックされる可能性があることに注意してください!
<サブ [1] この属性は、ブラウザにタブがなく、フレームセットを使用することが最新だった時代にさかのぼります。その間に、この属性の機能は少し変化しました ( MDNドキュメント )
<サブ
[2] 他にも、(フレームセットを念頭に置いて設計されたため)あまり意味をなさない値がいくつかあります。
_parent
,
_self
または
_top
.
関連
-
[解決済み】ローカルの実行ファイルへのハイパーリンクを作成する方法は?
-
[解決済み] css画像が表示されない
-
[解決済み] ホバー時に背景画像を暗くする
-
[解決済み] HTMLボタンのテキストを固定幅で折り返すには?
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] ページを再読み込みせずにURLを変更するにはどうすればよいですか?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] HTMLでリンクを新しいタブで開くには?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン