[解決済み] HTMLでリンクを新しいタブで開くには?
2022-03-19 13:44:17
質問
HTMLプロジェクトに取り組んでいるのですが、JavaScriptを使わずにリンクを新しいタブで開く方法を見つけることができません。
すでに知っているのは
<a href="http://www.WEBSITE_NAME.com"></a>
は同じタブでリンクを開きます。新しいタブで開くようにするにはどうしたらいいでしょうか?
解決方法は?
を設定します。
target
属性は、リンクの
_blank
:
<a href="#" target="_blank" rel="noopener noreferrer">Link</a>
その他の例については、こちらをご覧ください。 http://www.w3schools.com/tags/att_a_target.asp
備考
以前、私は
blank
の代わりに
_blank
というのも、これを使うと、新しいタブが開き、再度リンクをクリックすると同じタブが使われるからです。しかし、これはGolezTrolが指摘するように、フレーム/ウィンドウの名前aを参照しているため、リンクを再度押して同じタブで開いたときに設定・使用されてしまうからにほかなりません。
セキュリティに配慮!?
は
rel="noopener noreferrer"
は、新しく開いたタブが元のタブを悪意を持って変更することを防ぐためのものです。この脆弱性についての詳細は、以下の記事をご覧ください。
関連
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] HTML 5: Is it <br>, <br/>, or <br />?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] 複数のノンブレイキングスペース("nbsp")ではなく、タブスペースを使用しますか?
-
[解決済み] メモ帳++でXML/HTMLを自動整形/インデントする方法
-
[解決済み] HTMLボタンやJavaScriptをクリックしたときにファイルをダウンロードさせる方法
-
[解決済み】なぜHTMLは "chucknorris "を色と見なすのか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
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 実装 サイバーパンク風ボタン