written by Andrew Chilton
on March 29, 2019
on March 29, 2019
Links. 他のページへのリンク、内部リンク、リンクでないリンク。 私たちがそれらをどうしようと、それらはワールドワイドウェブの基本的な構成要素の1つです(なぜ私たちはもうそれをあまりそう呼ばないのでしょうか)。
とにかく、これは1つのことと1つのことだけを詳述する短くてシンプルな投稿です。 新しいタブでリンクを開きたい場合、どうすればよいのでしょうか。 とても簡単なことなのですが、私はいつも次のどの形式なのか忘れてしまいます:
<a href="https://example.com" target="_blank">Open in new Tab</a><a href="https://example.com" target="_new">Open in new Tab</a>
そしてこれがその答えです。 _blank
. なぜか? なぜなら、_new
には特別な意味がないからです。
<a href="https://example.com" target="_blank">Open in new Tab</a>
StackOverflow の posttarget=”_blank” vs target=”_new” を見つけるために Google 検索をする必要はもう二度とありません。
その点、_blank
, _self
, _parent
, および _top
だけ特別な意味があるんです。 9960>
Security Note
ただ、信頼できない Web サイトを指すときに _blank
を使用する場合は、同様に rel="noopener"
も追加する必要があることに注意してください。 これにより、開かれたサイトが opener
プロパティにアクセスできなくなり、JavaScript からあなたのサイトに関する情報を見つけることができるようになります
<a href="https://example.com" target="_blank" rel="noopener">Open in new Tab</a>
詳細は、Google の Web Developers サイトと Mathias Bynens による rel=”noopener” についてです
。